Hi All, I try to use the DWF Viewer with width = '600' and height = '600' in my web page and there is a button to open the modal dialog. My problem is when I click that button to open the modal dialog, my dialog is covered by the DWF Viewer. This is the code of dwf viewer. <script language='text/javascript' type="text/javascript">
function revealModal(divID) {
window.onscroll = function() { document.getElementById(divID).style.top = document.body.scrollTop; };
document.getElementById(divID).style.display = "block";
document.getElementById(divID).style.position = "fixed";
document.getElementById('modalContainer').style.top = ((screen.availHeight / 2) - 20) + 'px';
document.getElementById('modalContainer').style.left = ((screen.availWidth / 2) - 40) + 'px';
document.getElementById('modalContainer').style.position = "fixed";
document.getElementById("Button1").value = 'Can not click';
document.getElementById("Button2").value = 'Can not click';
document.getElementById("Button3").value = 'Can not click';
document.getElementById("btnOpen").value = 'Can not click';
}
</script>
<object classid="clsid:a662da7e-ccb7-4743-b71a-d817f6d575df" codebase="
http://www.autodesk.com/global/dwfviewer/installer/dwfviewersetup.cab" id="adview" width="600" height="600" border="1"><param name="src" value="
http://dwf.blogs.com/articles/A401.dwf">
</object>
<form><input type="button" id="btnOpen" value="Last click">
<input type="button" id="Button1" value="3">
<input type="button" id="Button2" value="2">
<input type="button" id="Button3" value="1">
</form>
<div id="modalPage" style=' display: none;'>
<div id="modalBackground"></div>
<div id="modalContainer">
<div id="modal"></div>
</div>
So when you click 'Last click' button you can not click another buttons. BTW you still can work with DWF Viewer. How can I let the DWF Viewer to be the same behavior as another buttons? Thanks in advance, -Toi
Edited by: toi_tkl on Apr 24, 2009 2:08 AM