onMoseover in einem anderen Kästchen beschreibung anzeigen?

[SiRRiuS]

Hi leute, ich hätte mal ne Frage! Ich will nämlich auf meiner Seite folgendes versuchen:
Also, wenn der Besucher meiner Seite über einen Link in Meinem Menü (besser gesagt, über eine Grafik
die mit einem Link verbunden ist) mit seiner Maus darüberfährt( also: onMoseover), soll in einer anderen Grafik(ist ein großes Kästchen, ganz oben! (ich füge sie als anlage bei, damit ihr
euch was darunter vorstellen könnt!!) ein Text erscheinen, den ich dazu selbst eingegeben
habe(eine Art beschreibung des Links!) Das müsste doch irgendwie mit Javascript gehen, oder?
Ich hab das nämlich schon öfters auf anderen Seiten gesehen!

Danke

 

[boppy]

Ja, so schwer ist das nicht. Du benötigst einfach nur Layer. Alle tabellen müssen gezeichnet sein und der text eben nur mit dem attribut visible:hidden gekennzeichnet. sieht dann so aus: http://boppy.heimserver.de/menu.htm - mehr sage ich dir nicht, denn du kannst ja auch mal selbst arbeiten dort ist es ziemlich einfach beschrieben, kannst es im prinzip raus kopieren

viel fun und sowas...

 

[Scrat]

ich weis ja nicht ob du dass willst, aber du könntest das bild einfach austauschen (wie du sagtest mit java)
ich würde das mit dreamweaver machen, ich kann dir aber auch den quellcode posten
[EDIT]
so da wärs(aber boppy war schneller)

<script language="JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && document.getElementById) x=document.getElementById; return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>


<p><img src="standartbild.jpg" name="standart"></p>
<p><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('standart','','hife1.jpg',1)">hilfe1</a></p>
<p><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('standart','','hife2.jpg',1)">hilfe2</a></p>
<p><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('standart','','hife3.jpg',1)">hilfe3</a></p>

das ist belibig erweiterbar...
[/EDIT]

 

[Indi]

@Scrat:

Allerdings muss man bei dieser Methode bedenken, dass dadurch die Ladezeiten "enorm" erhöht werden könnten.

 

[Scrat]

@Peter
ja das stimmt, aber es sieht halt nett aus

 

[boppy]

Du müsstest alles als bilder speichern, so weit ich das hier sehe. Der Quelltext hierzu ist eine Zumutung, wie ich finde und die Ladezeiten sind, wg, zum verrückt werden. Deshalb halte ich die idee mit einer Tabelle und text für sinnvoller und ladeunintensiver. Hinzu kommt die kompitibilität zu anderen browsern... Viel spass noc beim tüfteln