|
09.22.04
JavaScript: Redirecting URL
 By Amrit Hallan
Whenever you want to generate dynamic pages you often have to resort to using some server side scripting language such as PHP or ASP.
But let us assume that there are only three or four pages that could be chosen from a drop-down menu (a combo-box). The following procedure helps you create a JavaScript-supported drop-down menu.
First the form:
<form name=="pages">
<select name=="pg_choice" onChange=="javascript: take_there();">
<option value=="no_page">Select a page to go to...</option>
<option value=="pg1.html">Page 1</option>
<option value=="pg2.html">Page 2</option>
<option value=="pg3.html">Page 3</option>
</select>
</form>
This form presents to you three choices of pages. In its onChange attribute we decide what function to call to be re-directed to the respective page. And now the JavaScript (note that I have inserted a dot between < and script so that your email reader doesn't object to the presence of an embedded JavaScript in your message):
| Make more money from your site traffic, on your terms. >> start here |
|
<.script language=="javascript">
function take_there()
{
var destination==document.pages.pg_choice.value;
var version == navigator.appVersion;
// sets variable == browser version
if(destination!=="no_page")
{
if (version.indexOf("MSIE") >== -1)
// checks to see if using IE
{
window.location.href=̃stination;
}
else
{
window.open(destination, target=="_self");
}
}
}
</script>
Different browsers support different things so quite often you have to check what browser the user is using. The page redirection command is used accordingly.
About the Author:
Amrit Hallan is a web designer and developer. He has experience in developing
PHP-MySQL applications as well as simple HTML websites. Visit his website --
http://www.bytesworth.com to read more articles and see the kind of work
he does.
|
WebProWorld
Dev Forum
