PDA

View Full Version : Navigation by Radio Buttons



nasr
پنج شنبه 07 خرداد 1383, 21:40 عصر
<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body>
<script language="JavaScript">


var new_url="";

// *** THIS FUNCTION IS NOT NECESSARY FOR THIS SCHEME ***


// If you remove it, be sure to remove call to function in each radio button.


// Called by onClick for each radio button - used to display URL.


function displayUrl()


{ document.forms[0].display.value=new_url; }


// Called by Go For It button - loads selected page.


function leapTo()


{


if ( (new_url != "") && (new_url != null) )


window.location=new_url;


else


alert("\nYou must first select a Radio Button.");


}
// Deactivate Cloaking -->
</script>
</head>
<body bgcolor="#ffe4c4" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">
<center><h1>Navigation by Radio Buttons 2</h1></center>
<p>This is a variation on the previous script. Instead of the browser going to the new page immediately the radio button is selected, the chosen URL is displayed in a text box, and a button has to be pressed.</p>
<center><form>
<table border=3>
<td align="center" bgcolor=000080>
<input type="radio" name="buttons2" onclick="new_url='http://www.microsoft.com'; displayUrl()">
<font color=00ffff><b>Home Page</b></font></td>
<td align="center" bgcolor=ff0000>
<input type="radio" name="buttons2" onclick="new_url='http://www.shop4all.com'; displayUrl()">
<font color=000000><b>Contents</b></font></td>
<td align="center" bgcolor=c0c0c0>
<input type="radio" name="buttons2" onclick="new_url='http://www.netscape.com'; displayUrl()">
<font color=800000><b>Navigation Aids</b></font></td>
<td align="center" bgcolor=008080>
<input type="radio" name="buttons2" onclick="new_url='http://www.coomedia.com'; displayUrl()">
<font color=ffff00><b>A Dropdown List</b></font>
</table>
<br><br><br>
<table border=0>
<td align="center" width=250><input type="text" size=20 name="display">
<td align="center" width=250><input type="button" value="Go For It!" onclick="leapTo()">
</table>
</form>
</center>

</body>

</html>