Visa bilder eller HTML-sidor i popupfönster som öppnas från en rullgardisnmeny.
Kopiera koden genom att klicka på "Markera allt" och kopiera till Anteckningar.
ANVÄND RULLGARDINSMENY FÖR ATT VISA POPUPFÖNSTER MED BILD ELLER HTML-SIDA Det här kräver ett skript och en FORM-tagg. Lägg först skriptet i HEAD-elementet. Förklaringar/anvisningar till skriptet - de tre raderna med kommentarer i själva skriptet behöver du inte ta med på din sida: Kommentar 1 Om besökaren först klickar på något annat än första raden i menyn, och sedan klickar på "Välj bild/sida här...", kommer skriptet att öppna en tom sida. Genom tillägget av if-satsen förhindras detta - i stället händer ingenting alls vid en sådan "felklickning". Observera att likhetstecknet i if-satsen skall vara dubbelt! Kommentar 2 Ändra i den här raden till de värden som passar ditt popupfönster. Om bilderna är mycket olika stora, kan du anpassa bredd (width) och höjd (height)på fönstret till den vanligaste storleken samt ändra "resizable" till "yes". Då kan besökaren själv ändra storlek på popupfönstret. Om fönstret som öppnas är för litet för bilden, kommer Netscape 6 att lägga till rullningslister även om värdet i "scrollbars" är satt till "no". Värdena "left" och "top" anger hur långt från vänster- respektive överkanten popupfönstret skall öppnas. Observera att hela denna kod skall ligga i en enda rad utan fast radbrytning. Kommentar 3 Den här raden gör att popupfönstret visas överst. Skriptet: <SCRIPT LANGUAGE="JavaScript"> <!-- Karin Andersson, helledal@algonet.se var visaPopup function till(valdBild) { <!-- Kommentar 1 --> if (valdBild[valdBild.selectedIndex].value == "#"){ return } <!-- Kommentar 2 --> visaPopup=window.open(valdBild[valdBild.selectedIndex].value,'Poppa','left=200, top=200, toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=120,height=120'); <!-- Kommentar 3 --> visaPopup.focus(); } //--> </SCRIPT> Menyn som visas på sidan: Lägg FORM-taggen i BODY. Ändra i "option value" till de bilder och/eller HTML-sidor du vill visa och se till att sökvägarna till bilder och HTML-sidor blir rätt. Du kan bygga på med fler "option value", men ändra inte "value" i raden SELECTED VALUE. Däremot kan du byta radens text "Välj bild/sida här..." mot något annat. <FORM> <SELECT NAME="bildLista" size="1" onChange="javascript:till(this.form.bildLista.options)"> <SELECTED VALUE="#">Välj bild/sida här...</OPTION> <option value="sdn01.jpg">Bild 1</option> <option value="sdn02.jpg">Bild 2</option> <option value="hej.html">Bild 3</option> </SELECT> </FORM> Ett par tillägg: 1. För att en HTML-sida skall öppnas på en bestämd plats, kan du lägga följande skript i HEAD-elementet på den sidan. Värdet 200 anger här antalet pixlar från vänsterkanten, medan värdet 150 anger antalet pixlar från överkanten. Ändra dessa värden så att de passar din sida. Lägg märke till att bilder som öppnas i ett tillfälligt fönster (utan HTML-sida) därefter kommer att öppnas i samma position som den tidigare öppnade HTML-sidan, även om du i skriptet har angett en annan position för bilden. Detta gäller för Internet Explorer och Netscape 6 så länge besökaren inte har stängt fönstret med HTML-sidan. <SCRIPT> self.moveTo(200,150) </SCRIPT> 2. För att försäkra dig om att en HTML-sida från menyn verkligen placeras överst, kan du ändra BODY-taggen på den öppnade sidan så här: <BODY onload="self.focus()">