Tweet
PHP-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="JavaScript1.2">
var ie4=document.all
var ns6=document.getElementById&&!document.all
var zIndex_temp = 1;
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
}
}
/*
@param string Name der Popup Box welche bewegt werden soll
@param string Name der Drag Bar mit der die Box bewegt werden kann
@param event
@return
*/
function drag(pop,drag,e){
crossobj=ns6? document.getElementById(pop) : document.all[pop];
var firedobj=ns6? e.target : event.srcElement;
var topelement=ns6? "HTML" : "BODY";
//den ausgewählten Container nach vorn holen
zIndex_temp++;
crossobj.style.zIndex = zIndex_temp;
while (firedobj.tagName!=topelement && firedobj.id!=drag){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}
if (firedobj.id==drag){
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
}
}
/**
*
* @access public
* @return void
**/
function stop_drag(){
dragapproved=false;
}
document.onmouseup=stop_drag;
/*
@param string Name der Popup Box welche ausgeblendet wird
@return
*/
function box_weg(pop){
if (ie4||ns6){
crossobj=ns6? document.getElementById(pop) : document.all[pop];
crossobj.style.visibility="hidden";
}
}
/*]]>*/
</script>
<style>
.window{
width: 250px;
position:absolute;
}
</style>
</head>
<body>
<div id="pops" class="window" style="left:20px;top:20px;z-index: 0;">
<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="34">
<tr>
<td id="dragbar" style="cursor:move;" onmousedown="drag('pops','dragbar',event);" width="100%">
<font color="#FFFFFF" style="cursor:move;">Pop-up-Box1</font>
</td>
<td style="cursor:move;">
<a href="#" onClick="box_weg('pops'); return false;"><img src="zu.gif" border=0></a>
</td>
</tr>
<tr>
<td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2">
<!-- Fuegen Sie Ihre Inhalte hier ein -->
Informationen, Informationen und Informationen...
<!-- Fuegen Sie Ihre Inhalte bitte hier ein -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
PHP-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
PHP-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
PHP-Code:
crossobj.style.left=tempx+e.clientX-offsetx;
crossobj.style.top=tempy+e.clientY-offsety;
"Fehler beim Verarbeiten des Wertes für Eigenschaften 'top' oder 'left'. Deklaration ignoriert".
Kann mir da jemand helfen?
Kommentar