Thorhall: Mouseover + Infofenster

Beitrag lesen

Hallo zusammen,

als absoluter "Frischling" suche ich einen Script, welcher ein kleines Infofenster (bzw. Beschreibung) zu einen Link öffnet sobald ich mit der Maus drauf bin und es wieder schliesst wenn die Maus den Link verlässt. Und das ganze sollte bei Netscape und IE funktionieren.

Für eure Hilfe bin ich sehr dankbar.

Jörg

Hallo Jörg,

klein ist es nun aber nicht aber es funzt ganz gut. Ist aber nicht von mir!!!
Folgendes kommt oben zwischen <Head> und </Head>

<script language="Javascript">
<!-- Hiding
/*    Script by Lefteris Haritou    
    Copyright ©1998
    http://www.geocities.com/~lef
    This Script is free as long
    as you keep the above credit !
*/

bname=navigator.appName;
bversion=parseInt(navigator.appVersion)
if (bname=="Netscape")
brows=true
else
brows=false
var x=0;
var link=new Array();

function dspl(msg,bgcolor,dtop,delft){
this.msg=msg;
this.bgcolor=bgcolor;
this.dtop=dtop;
this.dleft=delft;
}

link[0]=new dspl('<CENTER><Font face="Arial" color="#000000"size=2><B>Beschreibungstext des 1.Linkes hier!!!</B></Font></CENTER>','#FF0000',370,90)

link[1]=new dspl('<CENTER><Font face="Arial" color="#FF0000"size=2><B>Beschreibungstext des 2.Linkes hier!!!</B></Font></CENTER>','#000000',370,310)

link[2]=new dspl('<CENTER><Font face="Arial" color="#FFFFF0"size=2><B>Beschreibungstext des 3.Linkes hier!!!</B></Font></CENTER>','#0000FF',370,450)

link[3]=new dspl('<CENTER><Font face="Arial" color="#FFFFF0"size=2><B>Beschreibungstext des 4.Linkes hier!!!</B></Font></CENTER>','#0000FF',410,310)

function don(x){
if ((bname=="Netscape" && bversion>=4) (bname=="Microsoft Internet Explorer" && bversion>=4)){
if (brows){
with(link[x]){
document.layers['linkex'].bgColor=bgcolor;
document.layers['linkex'].document.writeln(msg);
document.layers['linkex'].document.close();
document.layers['linkex'].top=dtop;
document.layers['linkex'].left=dleft;
}
document.layers['linkex'].visibility="show";
}
else{
with(link[x]){
linkex.innerHTML=msg;
linkex.style.top=dtop;
linkex.style.left=dleft;
linkex.style.background=bgcolor;
}
linkex.style.visibility="visible";
}
}
}

function doff(){
if ((bname=="Netscape" && bversion>=4) (bname=="Microsoft Internet Explorer" && bversion>=4)){
if (brows)
document.layers['linkex'].visibility="hide";
else
linkex.style.visibility="hidden";
}
}

// done hiding -->
</script>

Dann im unteren Teil, nach <body> bei dem Link folgendes einfügen:

<a href="irgendein_link.htm" onmouseover="don(0)" onmouseout="doff()" target="Hauptframe" class="LinkExt"><font face="Arial">Hier steht dann der Text des 1.Linkes</font></a>
<a href="irgendein_link2.htm" onmouseover="don(1)" onmouseout="doff()" target="Hauptframe" class="LinkExt"><font face="Arial">Hier steht dann der Text des 2. Linkes</font></a>
<a href="irgendein_link3.htm" onmouseover="don(2)" onmouseout="doff()" target="Hauptframe" class="LinkExt"><font face="Arial">Hier steht dann der Text des 3. Linkes</font></a>
usw. usw.

GAA Thorhall