( تعداد نمایش : 1668 )

منوهای Select-Go

در صورتیکه در سایتهای شبکه اینترنت به جستجو پرداخته باشید, به احتمال قوی با منوهایی که دارای چندین انتخاب باشند و بتوان اقلام آنها را انتخاب نموده و سپس با استفاده از کلید Go به مبحث مورد نظر متصل شود, برخورد کرده اید.
برای ایجاد منوهای Select -Go

Function jumpPage(newLoc) {

1.
ابتدا تابعی با نام jumpPage و به همراه متغییر newLoc ایجاد کنید.

newPage=newLoc.options[newLoc.Select Index].Value

2.
نحوه کار این دستور فوق از قسمت داخل به بیرون میباشد.

if(newPage !=”") {
Window.Location=newPage
}

3.
در صورتیکه متغییر newPage خالی نباشد, و یا به عبارتی اگر متغییر مذکور دارای مقداری باشد, پنجره به آدرس مشخص شده توسط انتخاب موجود در منو میرود.

<html>
<head>

<script language=”javascript” type=”text/javascript”>
function jumpPage(newLoc) {
newPage = newLoc.options[newLoc.selectedIndex].value

if(newPage != “”) {
window.location = newPage
}
}
</script>

</head>
<body>

<form action=”#”>
<select name=”newLocation” onChange=”jumpPage(this.form.newLocation)”>
<option value=”http://gooya.com”>Gooya
<option value=”http://aghta.com”>AGHTA
<option value=”http://npiran.com”>NPIran
<option value=”http://iranasp.com”>IranASP
</select>

</body>
</html>

دیدگاه خود را بیان کنید.

باید وارد سایت شده باشید برای دیدگاه دادن