Unregistered
2001-10-08, 13:16:26
Hallo,
von Java hab ich absolut keine Ahnung, möchte aber doch gern ein Pop-Up (kein Fenster) an einem Bild haben, wenn man mit der Maus drüberfährt. Auf www.juergens-workschop.de habe ich folgendes Script gefunden, was aber nur für Textlinks ist:
<HTML>
<HEAD>
<TITLE>DHTML - Listing </TITLE>
<STYLE TYPE="text/css">
<!--
BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}
.DEK {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
//-->
</STYLE>
</HEAD>
<BODY>
<DIV ID="dek" CLASS="dek"></DIV>
<SCRIPT TYPE="text/javascript">
<!--
/*
Pop up information box II (Mike McGrath (mike_mcgrath@lineone.net, http://website.lineone.net/~mike_mcgrath))
*/
Xoffset=-60; // modify these values to ...
Yoffset= 20; // change the popup position.
var nav,old,iex=(document.all),yyy=-1000;
if(navigator.appName=="Netscape"){(document.layers)?nav=true:old=true;}
if(!old){
var skn=(nav)?document.dek:dek.style;
if(nav)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=get_mouse;
}
function popup(msg,bak){
var content="<TABLE WIDTH=150 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+
"BGCOLOR="+bak+"><TD ALIGN=center><FONT COLOR=black SIZE=2>"+msg+"</FONT></TD></TABLE>";
if(old){alert(msg);return;}
else{yyy=Yoffset;
if(nav){skn.document.write(content);skn.document.close();skn.visibility="visible"}
if(iex){document.all("dek").innerHTML=content;skn.visibility="visible"}
}
}
function get_mouse(e){
var x=(nav)?e.pageX:event.x+document.body.scrollLeft;skn.left=x+Xoffset;
var y=(nav)?e.pageY:event.y+document.body.scrollTop;skn.top=y+yyy;
}
function kill(){
if(!old){yyy=-1000;skn.visibility="hidden";}
}
//-->
</SCRIPT>
<a href="java01.htm" ONMOUSEOVER="popup(' Hier sehen Sie das ALT-TAG zum Text','lightgreen')"; ONMOUSEOUT="kill()"> Zur Javaseite 01</a>
<a href="java02.htm" ONMOUSEOVER="popup('Den Text verändern Sie im Script','lightgreen')"; ONMOUSEOUT="kill()">Zur Javaseite 02</a>
</BODY>
</HTML>
Wie müßte es ausehn, wenn es ein Bild anstatt eines Textes ist? Bitte helft mir weiter.
Vielen Dank im voraus.
Es grüßt Euch
Fello'w.
von Java hab ich absolut keine Ahnung, möchte aber doch gern ein Pop-Up (kein Fenster) an einem Bild haben, wenn man mit der Maus drüberfährt. Auf www.juergens-workschop.de habe ich folgendes Script gefunden, was aber nur für Textlinks ist:
<HTML>
<HEAD>
<TITLE>DHTML - Listing </TITLE>
<STYLE TYPE="text/css">
<!--
BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}
.DEK {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
//-->
</STYLE>
</HEAD>
<BODY>
<DIV ID="dek" CLASS="dek"></DIV>
<SCRIPT TYPE="text/javascript">
<!--
/*
Pop up information box II (Mike McGrath (mike_mcgrath@lineone.net, http://website.lineone.net/~mike_mcgrath))
*/
Xoffset=-60; // modify these values to ...
Yoffset= 20; // change the popup position.
var nav,old,iex=(document.all),yyy=-1000;
if(navigator.appName=="Netscape"){(document.layers)?nav=true:old=true;}
if(!old){
var skn=(nav)?document.dek:dek.style;
if(nav)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=get_mouse;
}
function popup(msg,bak){
var content="<TABLE WIDTH=150 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+
"BGCOLOR="+bak+"><TD ALIGN=center><FONT COLOR=black SIZE=2>"+msg+"</FONT></TD></TABLE>";
if(old){alert(msg);return;}
else{yyy=Yoffset;
if(nav){skn.document.write(content);skn.document.close();skn.visibility="visible"}
if(iex){document.all("dek").innerHTML=content;skn.visibility="visible"}
}
}
function get_mouse(e){
var x=(nav)?e.pageX:event.x+document.body.scrollLeft;skn.left=x+Xoffset;
var y=(nav)?e.pageY:event.y+document.body.scrollTop;skn.top=y+yyy;
}
function kill(){
if(!old){yyy=-1000;skn.visibility="hidden";}
}
//-->
</SCRIPT>
<a href="java01.htm" ONMOUSEOVER="popup(' Hier sehen Sie das ALT-TAG zum Text','lightgreen')"; ONMOUSEOUT="kill()"> Zur Javaseite 01</a>
<a href="java02.htm" ONMOUSEOVER="popup('Den Text verändern Sie im Script','lightgreen')"; ONMOUSEOUT="kill()">Zur Javaseite 02</a>
</BODY>
</HTML>
Wie müßte es ausehn, wenn es ein Bild anstatt eines Textes ist? Bitte helft mir weiter.
Vielen Dank im voraus.
Es grüßt Euch
Fello'w.