Ultra fast cheap  linux and windows hosting
javascript tutorial Browse Basic JavaScript Tutorial
Browse JavaScript Script resources
Browse javascript FAQS
Categories:

javascript tutorial
buy template
Home >> Tutorials >> Advanced javascript tutorials

Javascript- remote control Combo box

What is remote control combo means
When you load this page a pop up window with combo box will open. Select the link in the pop up window that loads urls into the main window. If you want to know how to use remote control combo with frames, click Click here to learn remote control combo and frame.

Step 1: To open a pop up window when you load this page,Use the following code.

<html>
<head>
<script language="JavaScript">
function pop()
{
var W1 = window.open('combo-eg.htm','Popup1',"toolbar=no,status=no,location=yes, directories=no,menubar=no,scrollbars=yes,resizable=yes,width=160,height=160");
}
</script>
</head>


<body onload = " pop()" >
When you load this page a pop up window will open</body>
</html>

Step2: Create a html page "combo-eg.htm".

<html>
<head>
<script language="JavaScript">
function loadurl()
{
window.opener.location=document.form2.example2.options[document.form2.example2.selectedIndex].value }
</script>
</head>
<body>
<form name="form2">

<select name="example2" size="1" onChange="loadurl()">
<option selected value="http://www.yahoo.com">YAHOO</option>
<option value="http://www.cnn.com">CNN</option>
<option value="http://www.excite.com">EXCITE</option>
</select>
</form>
</body>
</html>

Remote control combo and frame: If you want the link in the pop up window to open in particular frame change the function loadurl() in combo-eg.htm.

function loadurl()
{
opener.top.frames["frameName"].location=document.form2.example2.o ptions[document.form2.example2.selectedIndex].value
}

 




Page contents: itechies.net - Learn how to create Remote Control combo box
javascript tutorial
javascript book
Buy this book