Custom Popup Windows per Layer

HTML-Einbindung
<!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du in den -body- einbauen --> <script language="JavaScript1.2"> /* Custom Windows- Copyright Lars Bosboom To add more shock to your site, visit www.DHTML Shock.com */ var closebutton = "http://www.java24.net/scripts/html-tools/close.gif"; //Adress of image of the button var raampje, xtra, ytra; function sleepen(){if (event.button!=1)return; raampje = eval("maildiv");temp1=raampje.style.posLeft; temp2=raampje.style.posTop;xpos=event.clientX; ypos=event.clientY;xtra = temp1-xpos; ytra = temp2-ypos;document.onmousemove=plaats;} function plaats(){if (event.button==1){ raampje.style.pixelLeft=event.clientX+xtra; raampje.style.pixelTop=event.clientY+ytra;return false;}} function raam(inside, color,width,height, background){ titlecolor = "black"; opacitytitle = 45; if(!width){ width = 500; height = 325;} if(inside.indexOf(".htm") > inside.length -6) inside = "<iframe frameborder=0 name=\"raampje\" width="+(width-10)+" height="+(height-30)+" src=\""+inside+"\" scrolling=\"no\" ></iframe>"; if(!color) color = "silver"; var thisspan = eval("maildiv.style") thisspan.pixelLeft = document.body.scrollLeft + 100; thisspan.pixelTop = document.body.scrollTop + 100; thisspan.visibility="visible"; output = "<table cellpadding=0 cellspacing=0 width=" + width + " height=" + height + " border=3><tr>"; output += "<td onmousedown='sleepen()' style='cursor:hand' onmouseup='JavaScript:document.onmousemove=\"\" ' bgcolor='"+titlecolor+"' style='filter:alpha(opacity="+opacitytitle+");' width =" + width + " height=20></td><td bgcolor='silver'>"; output += "<input type='image' alt=\"Close\" onclick='closeraam()' src='"+closebutton+"'></td></tr>"; output += "<tr><td width=100% colspan=2><table "; if(background)output += "style='background-image:url(\" " + background + "\")'"; output += " width=100% height=100% bgcolor='"+color+"'><tr><td height=100% width=100% >"+ inside+"</td></tr></table></td></tr>"; maildiv.innerHTML = output; }function closeraam(){maildiv.style.visibility="hidden";} function first() { outp = "Test"; outp += "über 1.000 Javascripte und Applets darauf"; outp += "auf Deiner Webseite eingesetzt zu werden."; outp += "Und damit Du immer auf dem laufenden bist, schnell den"; outp += "Newsletter von java24.net abonnieren. Weit über 2.000 User bekommen"; outp += "alle 14 Tage die neuesten Infos KOSTENLOS."; outp += ""; outp += "java24.net - DIE Javascript-Ressource"; outp += "Die größte deutschsprachige Webseite, die sich dem"; outp += "Thema Javascript und Javaapplet annimmt."; raam(outp, "lightblue",400,200); } function second() { outp = ""; outp += "<h2 align='center'>Keine Einschränkung auf die Anzahl der Fenster</h2>"; raam(outp, "lightyellow",470,50); } </script> <div ID="maildiv" style="visibility:hidden;position:absolute" align="center"></div><br> <center><a href="javascript:;" onClick="first()">erstes Fenster</a><br> <a href="javascript:;" onClick="second()">zweites Fenster</a></center></p> <!-- Script-Ende --> <!-- www-java24.net - DIE Javascript - Ressource -->