DWF Viewer with modal dialog

[Anonymous]

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