X
Publisher: Sigit purnomo kangsigit.com@gmail.com

Customize Second Window with OnClick

This will control the new window that comes out after the user clicks on the button. Visitors to a website reserves the right to determine the scale the width and height of the window to adjust the existing fields.

Advertisement

The following example
: URL : Toolbar : Location : Directories : Status : Menubar : Scrollbars : Resizable : Width : Height

Advertisement

JavaScript is required

<script type="text/javascript">
function customize(form) {
 var urlOpen = document.form1.url.value;
 var op_tool  = (document.form1.tool.checked== true)  ? 1 : 0;
 var op_loc_box  = (document.form1.loc_box.checked == true)  ? 1 : 0;
 var op_dir  = (document.form1.dir.checked == true)  ? 1 : 0;
 var op_stat  = (document.form1.stat.checked == true)  ? 1 : 0;
 var op_menu  = (document.form1.menu.checked == true)  ? 1 : 0;
 var op_scroll  = (document.form1.scroll.checked == true)  ? 1 : 0;
 var op_resize  = (document.form1.resize.checked == true)  ? 1 : 0;
 var op_wid  = document.form1.wid.value;
 var op_heigh = document.form1.heigh.value;
 var option = "toolbar="  + op_tool + ",location=" + op_loc_box + ",directories="
 + op_dir + ",status="  + op_stat
 + ",menubar=" + op_menu + ",scrollbars="

 + op_scroll + ",resizeable="  + op_resize
 + ",width="
 + op_wid + ",height="  + op_heigh;
 var win3 = window.open("", "what_I_want", option);
 var win4 = window.open(urlOpen, "what_I_want");
}
function clear(form){
 document.form1.wid.value="";
 document.form1.heigh.value="";
}
</script>

HTML code

<center>
<table cellpadding="5" border="border"><tr><td><pre>
<form name="form1" action="javascript:" method="post">
<input type="text" size= "30" name="url" value="http://"/>: URL
<input type="checkbox" name="tool"/>: Toolbar
<input type="checkbox" name="loc_box"/>: Location
<input type="checkbox" name="dir"/>: Directories
<input type="checkbox" name="stat"/>: Status
<input type="checkbox" name="menu"/>: Menubar
<input type="checkbox" name="scroll"/>: Scrollbars
<input type="checkbox" name="resize"/>: Resizable
<input type="text" name="wid" value="500"/>: Width
<input type="text" name="heigh" value="200"/>: Height
<br /><center>
<input type="button" size="10" value=" ENTER " OnClick="customize(this.form)"/>
<input type="reset" size="10" value=" RESET " onClick="clear(this.form)"/>
</pre></td></tr></center></table>
</form>
</center>


Easy and cool :)
no image
Add Comments
0 Comments
Click Here to Add Comments

No Comment