nicht angemeldet
Mouseover + Infofenster
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 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
-
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
Ich habe sowas mal auf http://www.weihnachtswunsch.de gesehen, weiß aber nicht, wie man es benutzt.
-
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,
Hier eine kurze aber auch sehr effektive Lösung:
var popup_window = null;
function popup(status,url) {
if(status != 0) { if(popup != null) popup.focus(); else {
var popup = open(url, "Popup", "width=350,height=175");
popup_window = popup;
}
} else {
if(popup_window != null) popup_window.close();
} }Der Aufruf im Body erfolgt dann beispielsweise so:
<a href="#" onMouseOver="popup(1,'infofile.htm')"onMouseOut="popup(0)">
<img src="info.gif" border="0">
</a> -
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 zusammen,
vielen Dank an Euch für Eure schnelle Hilfe. Ohne Euch hätte ich das nicht geschafft.
Danke nochmal und Grüße
Jörg