Lägg menyn i en ram och öppna länkarna i en annan.
Kopiera koden genom att klicka på "Markera allt" och kopiera till Anteckningar.
MENY FÖR ATT ÖPPNA LÄNKAR I EN ANNAN RAM Här skall du använda tre HTML-sidor - ett ramdokument och två sidor som detta öppnar. 1. Börja med ramdokumentet. Koden till detta kan se ut så här: <HTML> <HEAD> <TITLE>Menysida</TITLE> </HEAD> <FRAMESET rows="60,*"> <FRAME name="upp" src="uppram.html" scrolling="auto"> <FRAME name="ned" src="nedram.html" scrolling="auto"> </FRAMESET> </HTML> Det här ger en 60 pixlar hög övre ram som visar sidan uppram.html, medan resten av webbläsarfönstret visar den nedre ramen med sidan nedram.html. Det är viktigt att de båda ramarna får namn - här "upp" och "ned". 2. I den övre ramen - uppram.html - lägger du menyn. Den består av ett skript i HEAD-elementet och en FORM-tagg i BODY-elementet. Koden kan se ut så här: <HTML> <HEAD> <TITLE>Menysida, övre ramen</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- Göm skriptet function hoppTill(form) { var rullgardin = form.hopp.selectedIndex; parent.ned.location.href = (form.hopp.options[rullgardin].value); rullgardin = 0; // nollställer rullgardinsmenyn } // Sluta gömma --> </SCRIPT> </HEAD> <BODY> <FORM NAME="minform"> <SELECT NAME="hopp" SIZE=1 onChange="javascript:hoppTill(this.form)"> <OPTION SELECTED VALUE="nedram.html">Välj länk här... <OPTION VALUE="1.html">Länk 1 <OPTION VALUE="2.html">Länk 2 </SELECT> </FORM> </BODY> </HTML> Du kan fylla på med hur många länkar (OPTION VALUE) du vill, men ändra inte VALUE i raden OPTION SELECTED. Däremot kan du ändra texten "Välj länk här..." i den raden. I javaskriptets femte rad står "parent.ned.location ..." Det gör att länkarna kommer att öppnas i den ram som heter "ned" (name="ned" i ramdokumentet), alltså den undre ramen som ursprungligen visar nedram.html. Som FORM-taggen är skriven behövs ingen OK-knapp. Besökaren väljer genom att klicka direkt i menyn. Koden <OPTION SELECTED VALUE="nedram.html"> i FORM-taggen behövs därför att länken skall öppnas i en annan ram. Om det var meningen att länken skulle öppnas i menyramen, hade vi kunnat skriva VALUE="#". Men eftersom det i javaskriptet står att länken skall öppnas i ramen "ned", leder VALUE="#" till att själva menyn laddas i den nedre ramen. Det här gör ingenting när sidan laddas för första gången. Om besökaren då klickar på "Välj länk här..." händer ingenting alls - "onChange" gör att skriptet inte anropas förrän det har skett en förändring. Om besökaren däremot först klickar på till exempel "Länk 2", och sedan på "Välj länk här...", inträffar den förändring som utlöser javaskriptet. Då måste vi se till att det inte blir menyn som öppnas i nedre ramen, och det gör vi genom att i stället öppna den sida som ursprungligen visades där, nämligen nedram.html. 3. I den nedre ramen kan du lägga vad du vill. Det är den ramens innehåll som kommer att visas när sidan laddas och om besökaren väljer "Välj länk här..." i menyn. "Grundkoden" kan se ut så här: <HTML> <HEAD> <TITLE>Menysida, nedre ramen</TITLE> </HEAD> <BODY> <!-- Den här ramen förblir tom tills besökaren väljer något ur menyn --> </BODY> Se till att du inte länkar med den här menyn till webbplatser som är uppbyggda med ramar - det kan bli mycket fult.