Hi,

habe eine Navigationsleiste die aus Buttons besteht.

Beim darüberfahren ändert sich der jeweilige button.

so weit auch kein problem jetzt will ich aber wenn ein button angeklickt wird das er so lange aktiv bleibt bis ein anderer button angeklickt wird.

wie löse ich das am besten?

ist das überhaupt mit html/css/java möglich oder muss man das in php oder so lösen?

kann mir einer einen lösungsansatz geben? :bimei

thx

Hi,

habe eine Navigationsleiste die aus Buttons besteht.

Beim darüberfahren ändert sich der jeweilige button.

so weit auch kein problem jetzt will ich aber wenn ein button angeklickt wird das er so lange aktiv bleibt bis ein anderer button angeklickt wird.

wie löse ich das am besten?

ist das überhaupt mit html/css/java möglich oder muss man das in php oder so lösen?

kann mir einer einen lösungsansatz geben? :bimei

thx

das sollte per Javascript Möglich sein:

var SelectedButtonId = null;


function selectButton( oButton) {

  var iSelectedButtonId = getSelectedButtonId();

  if ( iSelectedButtonId != null) {

    resetButton( oSelectedButton)

  }


  oButton.backgroundColor = "#FF0000";

  SelectedButtonId = oButton.id;


}


function resetButton( oButton) {

  oButton.backgroundColor = "#00FF00";

}


function getSelectedButtonId() {

  return SelectedButtonId;

}

ungetestet!

ist auch nur ein grundriß

das sollte per Javascript Möglich sein:

*snipped*

Ich würde es ein bisschen anders angehen:

Wieso änderst du das Ereignis nicht in OnClick um?

Sprich beim Klick wird die Farbe gewechselt.

Ich würde es ein bisschen anders angehen:

Wieso änderst du das Ereignis nicht in OnClick um?

Sprich beim Klick wird die Farbe gewechselt.

mh stimmt eigentlich *g

kann ich das nicht einfach noch zusätzlich machen?

also das ich zuerst sage onmouseover und dann weiter unten on click oder so?

hier mal mein quelltext *gg

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

image2 = new Image();

image2.src = "0205.jpg";

// End -->

</script>

<a href=link.htm onmouseover="image2.src='bild2.GIF';"

onmouseout="image2.src='0205.jpg';">

<img name="image2" src="0205.jpg" border=0></a>

Hmm das Problem dürfte sein, dass du mit dem Mouseout das Bild auch änderst, obwohl du vorher geklickt hast.

Mit dieser simplen Methode müsstest du dich also enstcheiden ob du onclick oder onmouseover haben möchtest ...

dann würde ich mich doch für onclick entscheiden nur wie schaffe ich es das ewnn ich einen anderen menüpunkt anklicke der erste nichtmerh aktiv ist sprich sich das bild wieder in den ursprungszustand versetzt?

Hmm je mehr ich drüber nachdenke, desto weniger durchdacht erscheint mir meine Idee

Du könntest natürtlich in jeden Button einbauen, dass img.src bei allen Buttons die nicht geklickt worden sind wieder auf den Ursprungszustand gesetzt wird, aber das ist ja dann extrem umständlich und der Ladezeit nicht zuträglich.

Also wirst du vermutlich um eine Lösung wie weietr oben schon gepostet net herum kommen.

Sorry da hab ich wohl in die falsche Richtung gedacht ....

Hmm je mehr ich drüber nachdenke, desto weniger durchdacht erscheint mir meine Idee

Du könntest natürtlich in jeden Button einbauen, dass img.src bei allen Buttons die nicht geklickt worden sind wieder auf den Ursprungszustand gesetzt wird, aber das ist ja dann extrem umständlich und der Ladezeit nicht zuträglich.

Also wirst du vermutlich um eine Lösung wie weietr oben schon gepostet net herum kommen.

Sorry da hab ich wohl in die falsche Richtung gedacht ....

wieso versuchst du es nicht mit meinem ansatz oben?