MouseOver-Buttons in Framekonstruktion
Sebastian Becker
Ich möchte die Navigation von Frameseiten mit MouseOver-Buttons durchführen. Der Button der jeweils aktiven Seite soll dabei als deaktiviert gekennzeichnet sein und soll keinen MouseOver-Effekt besitzen.
Meine Frage: Soll ich die Navigationsbuttons in der jeweils veränderten Form für jede Seite neu laden oder gibt es eine bewährte Methode, z.B. per Javascript den Button der aktivierten Seite gegen einen als deaktiviert gekennzeichneten Button ohne MouseOver-Effekt auszutauschen. Gibt es entsprechende Beispiele im Netz?
Danke, Gruß
Sebastian
Hallo Sebastian,
probier 'mal dieses Script aus (nicht ganz von mir, aber so aehnlich hat es mal bei mir auch geklappt)
<script language = "JavaScript">
<!--
if (document.images)
{
EinImage = new Image()
EinImage.src = "einbild.gif"
AusImage = new Image()
AusImage.src = "ausbild.gif"
GewaehltImage = new Image()
GewaehltImage.src = "gewaehltbild.gif"
}
function bildein (Bild)
{
if (document.images)
{
if (Bild.src == AusImage.src)
Bild.src = EinImage.src;
}
}
function bildaus(Bild)
{
if (document.images)
{
if (Bild.src == EinImage.src)
Bild.src = AusImage.src;
}
}
function gewaehlt(Bild)
{
if (document.images)
{
for (i=0; i<document.images.length; i++)
document.images[i].src = AusImage.src;
Bild.src = GewaehltImage.src;
}
}
// -->
</script>
Im Body ist folgendes zu schreiben:
<body ...andere Angaben... onload="gewaehlt(document.Bild1)">
fuer den Link:
<a href="neueseite.htm" target="framename" name="Bild1">
onmouseover = "bildein(document.Bild1); return true"
onmouseout="bildaus(document.Bild1)"
onclick="gewaehlt(document.Bild1)">
<img src="ausbild.gif"></a>
und dann fuer jeden weiteren Button sinngemaess.
Ich benutze dieses Script nicht mehr, da ich da einige Aenderungen an der Site, wo dies war, vorgenommen habe.
Falls es nicht klappen sollte, kannst mich ja nochmals Fragen, dann muss ich in den Abgruenden meiner Erinnerung kramen.
Gruss
Claudio