65 besökare, 1 medlem och 3 Studenter är online nu
Loopia

Webdesign och HTML

Popupfönster som öppnas med länk

Ett popupfönster som öppnas vid klickning på en länk och som har en fastställd storlek kan vara användbart när man vill visa bilder, produkter, kortare information mm. Du kan se exemplet om du klickar på länken nedan:

Klicka här för att öppna popupfönstret!

 

Steg 1:
Lägg koden inom <HEAD>

Byt ut den markerade koden mot egna värden. Vill du att menyfält eller rullningslist mm skall synas byter du ut värdet "0" mot "1":

<HEAD>

<script language="JavaScript">
function popUp() {
props=window.open('din_sida.php', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=200, height=300 left = 100, top = 100');
}
</script>

</HEAD>


Steg 2:
Lägg koden inom <BODY>

Länken som öppnar popupfönstret:

<A HREF="javascript:popUp()"> Klicka här! </A>

 

TIPS! Om du vill öppna flera popupfönster från samma HTML-sida kan du använda samma script flera gånger. Viktigt är att du då byter namn på varje nytt script som tex:
function popUp1()
function popUp2()
function popUp3()
etc...