Drag 'n Drop Window

Dieses Drag 'n Drop-Windows kann komplett an die Homepage angepasst werden.
Es ist eine Mischung aus HTML und DHTML und kann mit normalen HTML-Befehlen
formatiert werden. Text, Hintergrund, Farben.

Außerdem kann es durch 2 Links geschlossen bzw. nochmals geöffnet werden.
Das Fenster ist mit der Maus verschiebbar.

Klicke HIER zum ausblenden.
Klicke HIER zum einblenden.

Hier kommt der Titel hinein	X
Diese Text kann frei eingegeben werden. Zeilenumbrüche sind möglich Fettdruck kursiv und und und ....

HTML-Einbindung
   <script language="JavaScript1.2"> // Script Source: CodeLifter.com // Copyright 2003 // Do not remove this header isIE=document.all; isNN=!document.all&&document.getElementById; isN4=document.layers; isHot=false; function ddInit(e){ topDog=isIE ? "BODY" : "HTML"; whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer"); hotDog=isIE ? event.srcElement : e.target; while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){ hotDog=isIE ? hotDog.parentElement : hotDog.parentNode; } if (hotDog.id=="titleBar"){ offsetx=isIE ? event.clientX : e.clientX; offsety=isIE ? event.clientY : e.clientY; nowX=parseInt(whichDog.style.left); nowY=parseInt(whichDog.style.top); ddEnabled=true; document.onmousemove=dd; } } function dd(e){ if (!ddEnabled) return; whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety; return false; } function ddN4(whatDog){ if (!isN4) return; N4=eval(whatDog); N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP); N4.onmousedown=function(e){ N4.captureEvents(Event.MOUSEMOVE); N4x=e.x; N4y=e.y; } N4.onmousemove=function(e){ if (isHot){ N4.moveBy(e.x-N4x,e.y-N4y); return false; } } N4.onmouseup=function(){ N4.releaseEvents(Event.MOUSEMOVE); } } function hideMe(){ if (isIE||isNN) whichDog.style.visibility="hidden"; else if (isN4) document.theLayer.visibility="hide"; } function showMe(){ if (isIE||isNN) whichDog.style.visibility="visible"; else if (isN4) document.theLayer.visibility="show"; } document.onmousedown=ddInit; document.onmouseup=Function("ddEnabled=false"); </script>  <p align="center" class="center">Klicke <a href="javascript:hideMe();">HIER</a> zum ausblenden.<br> Klicke <a href="javascript:showMe();">HIER</a> zum einblenden.<br>  <div id="theLayer" style="position:absolute;width:250px;left:100;top:100;visibility:visible"> <table border="0" width="250" bgcolor="#424242" cellspacing="0" cellpadding="5"> <tr> <td width="100%"> <table border="0" width="100%" cellspacing="0" cellpadding="0" height="36"> <tr> <td id="titleBar" style="cursor:move" width="100%"> <ilayer width="100%" onSelectStart="return false"> <layer width="100%" onMouseover="isHot=true;if (isN4) ddN4(theLayer)" onMouseout="isHot=false"> <p class="tabueb"> <font face="Arial" color="#FFFFFF">Hier kommt der Titel hinein</font> </p> </layer> </ilayer> </td> <td style="cursor:hand" valign="top"> <a href="#" onClick="hideMe();return false"><font color=#ffffff size=2 face=arial style="text-decoration:none">X</font></a> </td> </tr> <tr> <td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2">  Diese Text kann frei eingegeben werden.<br> Zeilenumbrüche sind möglich<br> <b>Fettdruck</b> <i>kursiv</i> und und und ....<br><br>  </td> </tr> </table> </td> </tr> </table> </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"