Mouse Over in Verbindung mit Kommentar in der Statusbar
Oliver Zubrod
- javascript
0 Mausi0 Oliver Zubrod0 Mausi
Guten Morgen,
ich bräuchte mal bitte eure Hilfe.
Erst einmal muß ich gestehen, daß ich keine Ahnung von JS habe. Für meine Seite habe ich mir folgenden Mouse Over Effekt "geklaut":
__________________________________________________________
<hmtl>
<head>
<title>Meine Seite</title>
<script language="JavaScript" type="text/javascript">
<!-- Hide from older browsers
function SwitchImg()
{ //start
var rem, keep=0, store, obj, switcher=new Array, history=document.Data;
for (rem=0; rem < (SwitchImg.arguments.length-2); rem+=3) {
store = SwitchImg.arguments[(navigator.appName ==
'Netscape')?rem:rem+1];
if ((store.indexOf('document.layers[')==0 && document.layers==null)
(store.indexOf('document.all[')==0 && document.all==null))
store =
'document'+store.substring(store.lastIndexOf('.'),store.length);
obj = eval(store);
if (obj != null) {
switcher[keep++] = obj;
switcher[keep++] = (history==null
history[keep-1]!=obj)?obj.src:history[keep];
obj.src = SwitchImg.arguments[rem+2];
} }
document.Data = switcher;
} //end
function RestoreImg()
{ //start
if (document.Data != null)
for (var rem=0; rem<(document.Data.length-1); rem+=2)
document.Data[rem].src=document.Data[rem+1];
} //end
// end hiding contents -->
</script>
</head>
<body>
<a href="seite.htm" target="Framename" onFocus="blur()"
onMouseOut="RestoreImg()"
onMouseOver="SwitchImg('document.pic1','document.pic1',bild.gif')"><img
SRC="bild1.gif" NAME="pic1" BORDER="0" height="30"
width="100"></a>
.......
</body></head></html>
________________________________________-
Das klappt soweit einwandfrei.
Nun soll, wenn der Cursor über das Bild fährt auch noch ein Kommentar zum Link in der Statusbar des Browsers erscheinen.
Bei einem normalen Link, sieht das so aus:
<a href="seite.htm" onFocus="blur()" onmouseover="window.status= 'Kommentar'; return true" onmouseout="window.status=''">
Link</a>
Kann mir jemand verraten, wie die Befehle verbunden werden müssen, damit beides klappt? Ich kriege das irgendwie nicht hin.
Bitte postet mir ein Beispiel oder einen Link. Ich habe weder im Forum noch bei Selfhtml eine Lösung gefunden.
Vielen Dank.
MfG
Oliver Zubrod
Ändere Deine Funktionen wie folgt ab...
.....
function SwitchImg()
{ //start
var rem, keep=0, store, obj, switcher=new Array, history=document.Data;
window.status= 'Kommentar';
.....
} //endfunction RestoreImg()
{ //start
window.status='';
.....
} //end
Hallo.
Danke für die Antwort. Leider klappt das irgendwie nicht. Könnte mir jemand vielleicht das komplette Script posten?
Außerdem habe ich mehrere Links / Bilder auf der Seite, bei denen jeweils ein andere Beschreibungstext erscheinen soll. Wie kann ich das realisieren?
Danke.
Gruß,
Oliver Zubrod
Hallo mal wieder!
Wenn Du z.B. einen Link mit Image hast, dann mach es so:
<a href="..." onmouseover="SwitchImg('document.pic1','document.pic1',bild.gif'); window.status='TEXT';return true;" onmouseout="RestoreImg(); window.status='';return true;"><img src="..."></a>
So sollte es funktionieren, wenn Du bei TEXT den gewünschten Text, der in der Statusleiste eingeblendet werden soll, eingibst.
Hallo Mausi,
vielen Dank für deine Hilfe!!!
Du hast mir das Leben gerettet. Ich war schon kurz davor mir ein Seil zu nehmen und mich da zu erschiessen, wo das Wasser am tiefsten ist.
Aber jetzt klappt alles so, wie ich es mir vorgestellt habe.
Noch einmal vielen, vielen Dank.
Das fertige Ergebnis wirst du in einiger Zeit unter http://www.sunburn-net.de bewundern können.
Gruß,
Oliver Zubrod