HTML Cambazlıkları

Javascript İle Açılan Menü

Javascript İle Açılan Menü

Sayfanızın bir yerinde, Navigation çubuklarında gösterilemeyecek kadar çok belgeye veya sayfaya ulaşım imkanı vermek isteyebilirsiniz. Sözgelimi bir kitabın farklı bölümlerine ulaşma kolaylığı sağlamak isteyebilirsiniz. Ya da kendi sitenizin çeşitli sayfalarına bir menü ile ulaşılması daha az yer kaplaması bakımından uygun olabilir. Bunu FORM tekniği ile sağlamak mümkün. Önce HEAD bölümünde kısa bir Javascript yazalım:

<script language=”JavaScript”>
<!–
function goster(form) {
var index=form.hedef.selectedIndex
window.location=(form.hedef.options[index].value);
}
// –>
</script>

Sonra, bu Script’in yardımıyla kullanacağımız açılan menü bölümü için bir FORM oluşturalım:

<form name=”menü”>
<select name=”hedef” size=”1″>
<option selected value=”…”>Bir sayfa seçin</option>
<option value=”birinci.htm”>Birinci Sayfa</option>
<option value=”ikinci.htm”>İkinci Sayfa</option>
<option value=”ucuncu.htm”>Üçüncü Sayfa</option>
<option value=”dorduncu.htm”>Dördüncü Sayfa</option>
</select>
<input type=”BUTTON” value=”Göster” onclick=”goster(this.form)”>
</form>
Tabiî menüde gösterilecek kelimeler ve bunların karşılığı olan HTML sayfalarının adını kendi sitenize uygun şekilde düzeltmeniz gerekiyor.

You may also like...

Bir yanıt yazın