Dynamische grafische Button ...
seelöwe
- javascript
Hallo Leute!
Ich verwende das Menü von SelfHTML mit den Dynamischen grafischen Button. Ist auch soweit alles klar! Nun möchte ich aber das wenn die gewählte Seite aufgerufen wurde die Highlight-Grafik erscheint, anstatt der gewohnten Standart-Grafik. Kann mir vielleicht jemand sagen wie das funktioniert? Das Script füge ich der Einfachheithalber mal hier, so wie es hier auf der Seite steht, ein:
<head>
...
<script type="text/javascript">
<!--
Normal1 = new Image();
Normal1.src = "button1.gif"; /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "button1h.gif"; /* erste Highlight-Grafik */
Normal2 = new Image();
Normal2.src = "button2.gif"; /* zweite Standard-Grafik */
Highlight2 = new Image();
Highlight2.src = "button2h.gif"; /* zweite Highlight-Grafik */
Normal3 = new Image();
Normal3.src = "button3.gif"; /* dritte Standard-Grafik */
Highlight3 = new Image();
Highlight3.src = "button3h.gif"; /* dritte Highlight-Grafik */
/* usw. fuer alle weiteren zu benutzenden Grafiken */
function Bildwechsel(Bildnr,Bildobjekt) {
window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</script>
</head>
<body bgcolor="#FFFFC0 text="#000000">
<a href="../../../index.htm"
onMouseOver="Bildwechsel(0,Highlight1)"
onMouseOut="Bildwechsel(0,Normal1)"><img src="button1.gif"
width="130" height="30" border="0" alt="Home"></a><br>
<a href="../../../helferlein/index.htm"
onMouseOver="Bildwechsel(1,Highlight2)"
onMouseOut="Bildwechsel(1,Normal2)"><img src="button2.gif"
width="130" height="30" border="0" alt="Helferlein"></a><br>
<a href="../../../layouts/index.htm"
onMouseOver="Bildwechsel(2,Highlight3)"
onMouseOut="Bildwechsel(2,Normal3)"><img src="button3.gif"
width="130" height="30" border="0" alt="Layouts"></a><br>
...
Wäre nett wenn mir jemand weiterhelfen würde!
Gruß vom Seelöwe!
hi,
Normal1 = new Image();
Normal1.src = "button1.gif"; /* erste Standard-Grafik */
Code aus der hiesigen Doku ist bekannt. Poste da lieber relevantes, z. B, _wie_ Deine Seite aufgebaut ist. Ich nehme an, Du benutzt ein Frameset.
Zur Theorie: Den richtigen Status anzuzeigen, ist nicht ganz einfach. Du brauchst in jeder Seite ein Script, dass tested ob die (richtige) Navigation vorhanden ist, und, falls ja, dort den Status setzt. Gleichzeitig musst Du in der Navi ein Flag setzen, um zu verhindern, dass ein Mouseover den angezeigten Status wieder loescht.
Praxis: Fuer Dich ist es vermutlich am einfachsten, per click einen Status in der Navi zu setzen. Das hat lediglich den Nachteil, dass ein Reload dazu fuehrt, dass der Status verloren geht. Dabei kannst Du Dich auf das Setzen eines "Flags" beschraenken, der Mouseover entsprechend des Status kontrolliert.
Wie sowas geht kannst Du hier ansehen
http://www.wendenburg.de/js_tipps/mover.html
Diese Demo erfolgt mit Textlinks, haupsechlich gehts um eine Alternative Darstellung fuer NC4x. Du kannst Dir aber das Statussetzen ansehen, und auf die Bildwechsel uebertragen. Der Sonderpart fuer NC4x entfaellt dann natuerlich, also alles mit if (nc)...
Gruesse Joachim
Hallo Joachim!
...Ich nehme an, Du benutzt ein Frameset.
nein ich mach fast alles mit layern, wenn ich mit frame machen würde könnte ich ja das script aus meinem dw3 nehmen! ;)
vielen dank aber für deinen link, kann ich wahrscheinlich gebrauchen!
wenn nicht ist auch nicht schlimm weil die seite sehenswert war!
gruß vom seelöwe