Home
Browser window
DHTML Modal Window
Developer's View
<html>
<head>
<link rel="stylesheet" href="windowfiles/dhtmlwindow.css"
type="text/css" />
<script type="text/javascript" src="windowfiles/dhtmlwindow.js">
/***********************************************
* DHTML Window Widget- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<link rel="stylesheet" href="modalfiles/modal.css"
type="text/css" />
<script type="text/javascript" src="modalfiles/modal.js"></script>
</head>
<body>
<h3>1) DHTML Modal window Example 1 (iframe content/ auto load)</h3>
<script type="text/javascript">
var agreewin=dhtmlmodal.open("agreebox", "iframe", "modalfiles/agreement.htm",
"This Page's Terms of service",
"width=590px,height=450px,center=1,resize=1,scrolling=0", "recal")
agreewin.onclose=function(){ //Define custom code to run when window is closed
var theform=this.contentDoc.getElementById("eula") //Access form with id="eula"
inside iframe
var yesbox=theform.eulabox[0] //Access the first radio button within form
var nobox=theform.eulabox[1] //Access the second radio button within form
if (yesbox.checked==true)
alert("You agreed to the terms")
else if (nobox.checked==true)
alert("You didn't agree to the terms")
return true //Allow closing of window in both cases
}
</script>
</body>
</html>
