nicht angemeldet
Hy Jungs,
ich hab da ma ne blöde frage...
und zwar hab ich ein kleines Script gefunden, das mit ein ilayer Popup erzeugt...
es sind im endeffekt 2 Dateien einmal die popup.js und einmal die Index.html
in der popup.js ist das eigentliche script ..
in der Index.html wird einmal die popup.js includet und mit einem <div> geladen ...
nun gut jetzt zu meinem Problem ..
es funktioniert einwandfrei wenn ich auf irgend einer seite das <div> aus der index mitladen lasse... dann bekomme ich sofort das ilayer popup angezeigt aber ich möchte es durch einen klick starten das heisst ich möchte einen link und wenn man ihn anklickt soll sich das ilayer popup öffnen ... aber ich weiss nicht wie dieser link aussehen müsste ?!?!?!? ich poste hier jetzt einmal den inhalt der popup.js und einmal die index.html ich würde mich freuen wenn mir hier jemand helfen kann...
Inhalt popup.js:
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"
}
Inhalt index.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script language="JavaScript" src="popup.js"></script>
</head>
<body>
<div id="showimage" style="position:absolute;width:200px;left:50;top:50">
<?php include ("$cat"); ?>
<table width="200" border="0" cellspacing="0" cellpadding="1" bgcolor="#D1D1D1">
<tr>
<td width="100%">
<table border="0" width="200" cellspacing="" cellpadding="1" bgcolor="#FFffff">
<tr>
<td width="100%" id="dragbar" class="navheadleft" style="padding-top: 1px;padding-left: 5px; padding-bottom: 1px; cursor: hand;"><ilayer width="100%" onSelectStart="return false"><layer width="100%" onMouseOver="dragswitch=1;if (ns4) drag_dropns(showimage)" onMouseOut="dragswitch=0"><font face="Arial" color="#D1D1D1" style="text-decoration: none; font-style: normal; font-size: 10px;">INFO / Hier das Fenster verschieben</font></layer></ilayer></td>
<td class="navheadleft" style="padding-top: 1px;padding-left: 5px; padding-bottom: 1px; cursor: hand;"><a href="#" onClick="hidebox();return false"><b><font face="Arial" color="#D1D1D1" style="text-decoration: none; font-style: normal; font-size: 10px;">X</font></b></a> </td>
</tr>
<tr>
<td width="200" bgcolor="#FFFFFF" style="padding:4px" colspan="2">
<table width="200" border="0" cellspacing="0" cellpadding="1" bgcolor="#D1D1D1">
<tr>
<td width="100%" style="background-color: #ffffff;">BlaBlaBla<br>Radio Blabla<br>blabla<br><br>blabla</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
Ich würde mich echt freuen wenn mir jemand erklären könnte...