DOM-Fenster

Mit diesem Script kannst Du direkt auf der Seite
verschiedene Fenster einblenden, wobei das erste Fenster
beim Start der Seite öffnet. Die Inhalte werden direkt in die
aufgerufene Hauptseite integriert und stehen dann per Mausklick zur Verfügung.

Klicke hier, um ein Beispiel zu sehen. Es öffnet sich ein kleines Fenster.

HTML-Einbindung
   <script language="JavaScript1.2" type="text/javascript"> /* Script made by Martial Boissonneault © 2002 http://getElementById.com/ This script may be used and changed freely as long as this msg is intact Visit http://getElementById.com/ for more free scripts and tutorials. */ var ie5 = (document.getElementById && document.all); var ns6 = (!document.all && document.getElementById); var timerID = null; var active = 0; function start(windowName, contentName){ if(ie5 || ns6){ dragWind = document.getElementById(windowName); dragCont = document.getElementById(contentName); y = coordsY-parseInt(dragWind.style.top); x = coordsX-parseInt(dragWind.style.left); dragWind.style.zIndex = (start.zCount++); active=1; } } start.zCount=0; function drag(e){ if(ie5 || ns6){ coordsY = ns6?e.clientY:event.clientY; coordsX = ns6?e.clientX:event.clientX; if(active){ dragWind.style.top = coordsY-y; dragWind.style.left = coordsX-x; } } } function closeWin(){ if(ie5 || ns6){ dragWind.style.left= -3000; } } function maxWin(winMaxWidth, winMaxHeight){ if(ie5 || ns6){ dragWind.style.width = winMaxWidth; dragWind.style.height = winMaxHeight; dragCont.style.width = ns6?winMaxWidth:winMaxWidth-6; dragCont.style.height = ns6?winMaxHeight-20:winMaxHeight-24; } } function minWin(winMinWidth, winMinHeight){ if(ie5 || ns6){ dragWind.style.width = winMinWidth; dragWind.style.height = winMinHeight; dragCont.style.width = ns6?winMinWidth:winMinWidth-6; dragCont.style.height = ns6?winMinHeight-20:winMinHeight-24; } } function openWin(windowName, contentName, topWin, leftWin, winMinWidth, winMinHeight){ if(ie5 || ns6){ dragWind = document.getElementById(windowName); dragCont = document.getElementById(contentName); dragWind.style.visibility = "visible"; dragWind.style.top = topWin; dragWind.style.left = leftWin; dragWind.style.width = winMinWidth; dragWind.style.height = winMinHeight; dragCont.style.top = 20; dragCont.style.left = 0; dragCont.style.width = ns6?winMinWidth:winMinWidth-6; dragCont.style.height = ns6?winMinHeight-20:winMinHeight-24; dragWind.style.zIndex = (start.zCount++); } } function dragInit(){ if(ie5 || ns6){ imgs = document.getElementById("container").getElementsByTagName("IMG"); for(var i=0; i<imgs.length;i++){ imgs[i].style.cursor = (ie5)?"hand":"pointer"; imgs[i].ondragstart = new Function("return false"); } openWin('wind1','cont1',50,300,200,200); } } document.onmousemove = drag; document.onmouseup = new Function("active=0"); document.onselectstart = new Function("return false"); onload=dragInit; </script>  <p> <a href="#" onclick="openWin('wind1','cont1',50,300,200,200)">Fenster 1</a><br> <a href="#" onclick="openWin('wind2','cont2',70,320,250,150)">Fenster 2</a><br> <a href="#" onclick="openWin('wind3','cont3',90,340,350,250)">Fenster 3</a> </p> <div id="container">  <div id="wind1" class="wins"> <table width=100% border=0 cellpadding=0 cellspacing=1 class="titlebar" onmousedown="start('wind1','cont1');"> <tr> <td width=20><img src="logo.gif" border=0 width=16 height=16 hspace=1></td> <td class="title">DOM Fenster 1</td> <td width=16 align="right"><img src="min.gif" border=0 width=16 height=16 onclick="minWin(300,200)" title="minimize"></td> <td width=16 align="right"><img src="max.gif" border=0 width=16 height=16 onclick="maxWin(500,250)" title="maximize"></td> <td width=16 align="right"><img src="close.gif" border=0 width=16 height=16 onclick="closeWin()" title="close"></td> </tr> </table> <span id="cont1" class="text"> <p> <b>Title</b><br> Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. <br><br> Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. <br><br> Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. Das ist das DOM Fenster 1. This is my DOM Window 1 END. </p> </span> </div>  <div id="wind2" class="wins"> <table width=100% border=0 cellpadding=0 cellspacing=1 class="titlebar" onmousedown="start('wind2','cont2');"> <tr> <td width=20><img src="logo.gif" border=0 width=16 height=16 hspace=1></td> <td class="title">DOM Fenster 2</td> <td width=16 align="right"><img src="min.gif" border=0 width=16 height=16 onclick="minWin(250,150)" title="minimize"></td> <td width=16 align="right"><img src="max.gif" border=0 width=16 height=16 onclick="maxWin(400,200)" title="maximize"></td> <td width=16 align="right"><img src="close.gif" border=0 width=16 height=16 onclick="closeWin()" title="close"></td> </tr> </table> <span id="cont2" class="text"> <p> <b>Title</b><br> Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. <br><br> Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. <br><br> Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. Das ist das DOM Fenster 2. This is my DOM Window 2 END. </p> </span> </div>  <div id="wind3" class="wins"> <table width=100% border=0 cellpadding=0 cellspacing=1 class="titlebar" onmousedown="start('wind3','cont3');"> <tr> <td width=20><img src="logo.gif" border=0 width=16 height=16 hspace=1></td> <td class="title">DOM Fenster 3</td> <td width=16 align="right"><img src="min.gif" border=0 width=16 height=16 onclick="minWin(350,250)" title="minimize"></td> <td width=16 align="right"><img src="max.gif" border=0 width=16 height=16 onclick="maxWin(450,300)" title="maximize"></td> <td width=16 align="right"><img src="close.gif" border=0 width=16 height=16 onclick="closeWin()" title="close"></td> </tr> </table> <span id="cont3" class="text"> <p> <b>Title</b><br> Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. <br><br> Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. <br><br> Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. Das ist das DOM Fenster 3. </p> </span> </div> </div>

Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.

Mail:

Name:

Abo
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"