Buttonbeschriftung (mouseover)

[Stjopa]

Hallo,

bin leider noch Anfänger und habe in meinem neuen Template für meine Homepage ein Problem, wo ich nicht weiterkomme. Betrifft die Buttonbeschriftung auf Menübuttons mit Änderung der Farbe, wenn man mit der Maus rübergeht.

Es betrifft folgende wiederkehrende Codes im Quelltext. Meine Frage ist an welcher Stelle muß ich genau den Titel der Beschriftung eingeben, damit er auf dem Button erscheint? Habe schon alles durchprobiert und ist immer nur links oder rechts davon gelandet. Ich poste kurz den Code, vielleicht kann mir einer den Rest farblich ergänzen, oder fehlendes einfügen. Vielen Dank im voraus.

onmouseover="MM_swapImage('Image5','','images/but2r.gif',1)" 
onmouseout=MM_swapImgRestore() href="#"><IMG height=26 
src="images/but2.gif" width=74 border=0 name=Image5></A><A

 

[Commodore]

also als allererstees: das ist javascript, und sollte da mal hingeschoben werden. außerdem können wird dir nicht helfen, da wird nicht wissen wie die funktion aussieht, und außerdem arbeitet dieser code mit bildern, also wechselt sich da ein bild bei mouseover. du könntest auch einfach bei einem div die farbe und beschriftung wechseln, aber das wäre warscheinlich zu eintönig ;-)

Moved: JavaScript (flapo)

 

[DeNNy]

Wie wäre es mit einem SpanObjekt? Ich hab da mal ein Bespiel gemacht (natürlich mit nem anderen Bild)

<style type="text/css">
span.text
{
position:absolute;
padding-right:50px;
padding-top:40px;
padding-left:70px;
padding-bottom:20px;
}
</style>
<span class="text">Buttontext(?)</span>
<IMG src="http://mitglied.lycos.de/bvb09er/wolken.gif">

 

[Stjopa]

Vielen Dank für die Tipps, aber das ist mir noch zu "hoch". Bin totaler Anfänger. Kann ich denn in dem von mir geposteten Code an irgendeiner Stelle einen Text eingeben, der als Beschriftung dient? Nochmals danke.

 

[Commodore]

alos mit anderer schrift sollte es so klappen:

<span style="backgrund-color:#FF0000;"onMouseOver="this.firstChild.nodeValue='hier der zweite text'; this.bgColor='#FF0000';" onMouseOut="this.firstChild.nodeValue='hier der normale text'; this.bgColor='#0000FF';">hier der normale text</span>

die normale farbe ist #FF000 und die beim hovern ist #0000FF.

ist zwar ungetestet, sollte aber so klappen ;-)

edit: man darf doch in span-tags ne farbe reinmishen oder? wenn nciht, dann ersetzt du einfach das "span" durch "div" :-)

/E: mach am ebsten mal ein beispiel, wie sowas:
wenn man das erste mal mit der maus drüberfährt wird aus bild1 bild2 usw.