Klicka på de tre länkarna nedan.
Ett pop-up fönster
Ett nytt pop-up fönster
Ytterligare ett nytt pop-up fönster
Länkarna ser ut så här.
<a href="javascript:popup1();">Ett pop-up fönster</a>
<a href="javascript:popup2();">Ett nytt pop-up fönster</a>
<a href="javascript:popup3();">Ytterligare ett nytt pop-up fönster</a>
Javascriptet nedan lägger du inom dina HEAD-taggar.
<script language="JavaScript" type="text/javascript">
<!--
function popup1()
{
window.open("1.html","popup1","width=200,height=200");
}
function popup2()
{
window.open("2.html","popup2","width=200,height=200");
}
function popup3()
{
window.open("3.html","popup3","width=200,height=200");
}
//-->
</script>
En pop-up är bara aktiv en i taget, kikar du i statusraden ser du att de andra ligger där.
Du kan genom att i varje pop-ups body skriva in en kodsträng för att få det att bli aktivt och *poppa* upp vid klick på länken ovan
genom att skriva:
<body onLoad="self.focus()">
Du kan givetvis istället för att ha en länk se till att fönstret/fönstren öppnas när sidan laddas in genom att i body-taggen lägga in ett kommando onLoad som nedan, glöm ej de andra attributen i body, de har jag inte skrivit ut nedan.
<body onLoad="popup1();popup2();popup3();">
Det finns ett enklare sätt men för en nybörjare svårare? Jag har länkat in det här, taget från Anslagstavlan.