✔ DHTML PopUp über ein Link öffnen?

mac2ooo

mac2ooo

Mitglied
Hallo,

das script ist auf einer vorhanden Seite. es öffnet automatsich eine DHTML PopUp.

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

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

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)
}

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")

function hidebox(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
document.showimage.visibility="hide"
}
function showbox(){
if (ie4||ns6)
crossobj.style.visibility="show"
else if (ns4)
document.showimage.visibility="show"
}

</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 ---->

<form method="post">
	<input name="Checkbox1" type="checkbox" /> Wert 1
	<input name="Checkbox2" type="checkbox" /> Wert 2<br />
	<br />
	<input name="Checkbox3" type="checkbox" /> Wert 3</form>


<!-- Inhalt----->

</td>
      </tr>
    </table>
    </td>
  </tr>
</table>
</div>
<p>Test Seite </p>


Es kommt immer automatisch bei einem Page Aufruf auf wie kann ich das über einen Link steuern?
 
Hallo,

ich hab es mit:
Code: 
<a href="#" onClick="showbox();return false"><b><font color="#f5f5f5">x</font></b></a>

versucht da bekomme ich immer eine fehler meldung.

kann mir jemand einen tip geben?
 
Habs mal ein wenig geändert:
Code: 
<html>
<head>
<title>Test</title>
<script type="text/javascript">

var ie4=document.all
var ns6=document.getElementById&&!document.all

var dragswitch=0
var nsx
var nsy
var nstemp


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)
}

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")

function popper(strId)
{
  obj=document.getElementById(strId);
  obj.style.visibility=(obj.style.visibility=='hidden')?'visible':'hidden';
}

</script>
</head>
<body>

<a href="#" onClick="popper('showimage');return false">x</a>
<div id="showimage" style="visibility:hidden;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%"><div width="100%" onSelectStart="return false"><div width="100%" onMouseover="dragswitch=1;" onMouseout="dragswitch=0"><font face="Verdana"
        color="#FFFFFF"><strong><small>PopUp Box</small></strong></font></div></div></td>
        <td style="cursor:hand" valign="middle"><a href="#" onClick="popper('showimage');return false"><b><font color="#f5f5f5">x</font></b></a></td>
      </tr>
      <tr>
        <td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2">

<!-- Inhalt ---->

<form method="post">
	<input name="Checkbox1" type="checkbox" /> Wert 1
	<input name="Checkbox2" type="checkbox" /> Wert 2<br />
	<br />
	<input name="Checkbox3" type="checkbox" /> Wert 3</form>


<!-- Inhalt----->

</td>
      </tr>
    </table>
    </td>
  </tr>
</table>
</div>
<p>Test Seite </p>

</body>
</html>

Der Aufruf erfolgt immer (beim Anzeigen+Verstecken) identisch per
Code: 
popper('idDesElementes')
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück