Hallo Community,
Ich arbeite zurzeit an einer Seite für ein Café und realisiere gerade die Navigation mit JavaScript. Die Navigations besteht aus Images die mittels mouseover, mouseout und onclick ihr aussehen verändern. Mein Programm Code dazu sieht wie folgt aus:
Ich arbeite zurzeit nur mit 2 verschiedenen image Zuständen pro Navi Eintrag, dies nur so als Anmerkung. mouseover und onClick erhalten somit erstmal die selbe Grafik.
Der entsprechende Navigations eintrag sieht wie folgt aus:
Meine Frage lautet nun, wie krieg ich es so hin, das beim klick auf einen navigations punkt, hier zb. "Home" der Status meines Buttons der selbe bleibt, wie nach dem onClick Ereignis. Zurzeit ist es nämlich so, das beim Laden der neuen Seite, hier home.php, der Button wieder zurück gesetzt wird, d.h. wieder auf seinen Start Zustand gesetzt wird.
Vielen Dank schonmal fürs Lesen
Wünsche euch allen noch einen schönen Sonntag....
gruss,
elgeeknes
Ich arbeite zurzeit an einer Seite für ein Café und realisiere gerade die Navigation mit JavaScript. Die Navigations besteht aus Images die mittels mouseover, mouseout und onclick ihr aussehen verändern. Mein Programm Code dazu sieht wie folgt aus:
Code:
selected=0;
a_click = new Array;
a_click[1] = new Image;
a_click[1].src = "img/home_l.gif";
a_click[2] = new Image;
a_click[2].src = "img/standorte_l.gif";
a_click[3] = new Image;
a_click[3].src = "img/preisliste_l.gif";
a_click[4] = new Image;
a_click[4].src = "img/galerie_l.gif";
a_click[5] = new Image;
a_click[5].src = "img/kontakt_l.gif";
a_out = new Array;
a_out[1] = new Image;
a_out[1].src = "img/home_o.gif";
a_out[2] = new Image;
a_out[2].src = "img/standorte_o.gif";
a_out[3] = new Image;
a_out[3].src = "img/preisliste_o.gif";
a_out[4] = new Image;
a_out[4].src = "img/galerie_o.gif";
a_out[5] = new Image;
a_out[5].src = "img/kontakt_o.gif";
function an(nr)
{
if(nr != selected)
{
imgname = "button" + nr;
document.images[imgname].src = a_click[nr].src;
}
}
function aus(nr)
{
if(nr != selected)
{
imgname = "button" + nr;
document.images[imgname].src = a_out[nr].src;
}
}
function aktiv(nr)
{
if(selected != 0)
{
imgname = "button" + selected;
document.images[imgname].src = a_out[selected].src;
}
selected = nr;
imgname = "button"+nr;
document.images[imgname].src = a_click[nr].src;Ich arbeite zurzeit nur mit 2 verschiedenen image Zuständen pro Navi Eintrag, dies nur so als Anmerkung. mouseover und onClick erhalten somit erstmal die selbe Grafik.
Der entsprechende Navigations eintrag sieht wie folgt aus:
Code:
<a href="home.php" onmouseover="an('1')" onmouseout="aus('1')" onclick="aktiv('1')"><img src="img/home_o.gif" border="0" width="115" height="20" alt="" name="button1"></a>Meine Frage lautet nun, wie krieg ich es so hin, das beim klick auf einen navigations punkt, hier zb. "Home" der Status meines Buttons der selbe bleibt, wie nach dem onClick Ereignis. Zurzeit ist es nämlich so, das beim Laden der neuen Seite, hier home.php, der Button wieder zurück gesetzt wird, d.h. wieder auf seinen Start Zustand gesetzt wird.
Vielen Dank schonmal fürs Lesen
Wünsche euch allen noch einen schönen Sonntag....
gruss,
elgeeknes
