Tutorials Infos - Anleitungen - Hilfe - Dreamcodes
 

Popup trotz Blocker

Dieses Script erzeugt ein Popup bei allen Handelsüblichen Blockern dafür. Das heißt mit dem Code wird es Popup angezeigt unabhängig ob der User einen Popup Blocker an hat oder nicht.

Script:
<script language="JavaScript1.2">

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:200px;left:50;top:50">
<table border="0" width="300"  height="120" bgcolor="#000080" 
cellspacing="0" cellpadding="0"><tr>
<td width="100%" height="36" valign=top>
<table border="0" width="100%" cellspacing="1" 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> 
Dreamcodes PopUp Box</small></strong></font></layer></ilayer></td><td 
style="cursor:hand" valign="middle"><a href="#" onClick="hidebox(); 
return false"><b><fontface="Verdana" color="#FFFFFF"><strong>
<small>X</small></strong></font></b></a></td></tr><tr>
<td  width="300" height="120" bgcolor="#FFFFFF" style="padding:4px" 
colspan="2" valign=top><!-- Hier kommt der Inhalt des Popups hin -->
<center>Dies ist der Inhalt des Popups
<!-- Hier kommt der Inhalt des Popups hin --></td>
</tr>
</table>
</td>
</tr>
</table>
</div>

 
ID: 572
eingestellt am: 01.12.2004
Autor: Dreamcodes
Status zum lesen: Gast
gelesen: 12770
Webseite: www.dreamcodes.com
[Drucken]