Javascript  »  DHTML  »  PopUp Box

zur Übersicht

Kategorie	DHTML
Bezeichnung	PopUp Box
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	36074 Aufrufe davon 8x gestern
Keine Beschreibung vorhanden.
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <script language="JavaScript1.2"> //Popup Box- By Jim Silver @ jimsilver47@yahoo.com var ns4=document.layers var ie4=document.all var ns6=document.getElementById&&!document.all //drag drop function for NS 4//// ///////////////////////////////// var dragswitch=0 var nsx var nsy var nstemp function drag_dropns(name){ if (!ns4) return temp=eval(name) temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP) temp.onmousedown=gons temp.onmousemove=dragns temp.onmouseup=stopns } function gons(e){ temp.captureEvents(Event.MOUSEMOVE) nsx=e.x nsy=e.y } function dragns(e){ if (dragswitch==1){ temp.moveBy(e.x-nsx,e.y-nsy) return false } } function stopns(){ temp.releaseEvents(Event.MOUSEMOVE) } //drag drop function for ie4+ and NS6//// ///////////////////////////////// function drag_drop(e){ if (ie4&&dragapproved){ crossobj.style.left=tempx+event.clientX-offsetx crossobj.style.top=tempy+event.clientY-offsety return false } else if (ns6&&dragapproved){ crossobj.style.left=tempx+e.clientX-offsetx crossobj.style.top=tempy+e.clientY-offsety return false } } function initializedrag(e){ crossobj=ns6? document.getElementById("showimage") : document.all.showimage var firedobj=ns6? e.target : event.srcElement var topelement=ns6? "HTML" : "BODY" while (firedobj.tagName!=topelement&&firedobj.id!="dragbar"){ firedobj=ns6? firedobj.parentNode : firedobj.parentElement } if (firedobj.id=="dragbar"){ offsetx=ie4? event.clientX : e.clientX offsety=ie4? event.clientY : e.clientY tempx=parseInt(crossobj.style.left) tempy=parseInt(crossobj.style.top) dragapproved=true document.onmousemove=drag_drop } } document.onmousedown=initializedrag document.onmouseup=new Function("dragapproved=false") ////drag drop functions end here////// function hidebox(){ if (ie4||ns6) crossobj.style.visibility="hidden" else if (ns4) document.showimage.visibility="hide" } </script> <div id="showimage" style="position:absolute;width:250px;left:250;top:250"> <table border="0" width="250" bgcolor="#000080" cellspacing="0" cellpadding="2"> <tr> <td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0" height="36"> <tr> <td id="dragbar" style="cursor:hand" width="100%"><ilayer width="100%" onSelectStart="return false"><layer width="100%" onMouseover="dragswitch=1;if (ns4) drag_dropns(showimage)" onMouseout="dragswitch=0"><font face="Verdana" color="#FFFFFF"><strong><small>PopUp Box</small></strong></font></layer></ilayer></td> <td style="cursor:hand" valign="middle"><a href="#" onClick="hidebox();return false"><b><font color="#f5f5f5">x</font></b></a></td> </tr> <tr> <td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2"> <!-- Inhalt ----> Das ist der geniale Inhalt der PopUp Box. Einfach dieses Teil mit der Maus ziehen.. <!-- Inhalt-----> </td> </tr> </table> </td> </tr> </table> </div>

Kommentare zu PopUp Box

7 Kommentar(e) vorhanden / Anzeige der neuesten 5

am 26.04.2006 um 03:57 Uhr von TT
Hey! Super diese Box! Wenn Ihr einen bestimmten Doctype verwenden wollt, dann achtet dar... 

am 14.05.2005 um 18:53 Uhr von shady
Genau das was ich gesucht hab, aber kann mir jemand sagen wie ich die Box erst nach benutz... 

am 17.03.2005 um 19:42 Uhr von n0va3
Irgendwie funktioniert das Script blos, wenn das Doctype fehlerhaft oder überhaupt nicht a... 

am 09.12.2004 um 15:19 Uhr von Kreisel
Wenn ich das Script einbinde wird ne weiße Seite gezeigt mit dem Popup in der Mitte. Was h... 

am 20.10.2004 um 16:54 Uhr von Triss
Weiss einer wie ich das umschreiben muss, damit das PopUP nach z.B. 5 sec automatisch schl... 


Alle Kommentare anzeigen   -   Kommentar hinzufügen