onklick

[SiDeu]

Hallo an alle und noch ein gutes neues Jahr!
zu meinem Problem!
Ich habe 2 Buttons der eine eingerückt der andere hervorgehoben!
Wenn ich nun auf den eingedrückten mit der Maus draufklicke soll im Anzeigefenster etwas erscheinen was auch schon funktioniert!
Nun soll aber gleichzeitig aus dem eingerückten Button der hervorgehobene Button werden also der Button ausgetauscht werden !
Bekomme es leider irgendwie nicht hin :?:

 

[Cheffchen]

Hallo,

und was hast bis jetzt wie versucht?
Was verstehst unter eingerückten und hervorgehobene Button, mit etwas code von dir ist uns das vieleicht auch klarer.

Cheffchen

 

[SiDeu]

Habe es nun hinbekommen !
Nur ist es jetzt so das wenn ich auf einen anderen Button klicke sollte der erste Button wieder den alten zustand einnehmen also hervorgehoben !
Dann geht das mouseover und out im IE aber nicht in Firefox!

<divid="IT-Produkte1">

<ahref="formular2.html"target="AnzeigeFenster"><img

src="../Buttons/IT-Produkte1.jpg"

onmouseover="this.style.borderColor='red';"

onmouseout="this.style.borderColor='#292643';"

onclick="this.src ='../Buttons/Home2.jpg';"/>

</a>

</div>

 

[Tronjer]

Dann musst du für den Eventhandler eine Funktion schreiben, die beim Klick mehrere Anweisungen ausführt.

 

[Cheffchen]

Hallo,

genau :O)

hier findest mehr dazu: SELFHTML: JavaScript / Objektreferenz / Function

Cheffchen

 

[SiDeu]

Hast du mir vielleicht nen Tipp wie ich das machen könnte?
Und wie ist das mit mouseover in firefox?

 

[Tronjer]

Mouseover in FF funktioniert genauso wie IE. Falls nicht, hast du Fehler im Code. Schon mal in die JavaScript Konsole beim Firefox geschaut?

Vom Prinzip her musst du es so machen:

<div id="meinDiv" onclick="meineFunktion();"</div>

<script>
function meineFunktion() {
  // Hier die Anweisungen
}
</script>

oder mit jQuery:

$('#meinDiv').click(function() {
  // Hier die Anweisungen
});

Sollte das jetzt unverständlich sein, musst du dir noch das Grundlagenwissen in JavaScript erarbeiten.

 

[Asterixus]

Bitte kein on-Attribute direkt in HTML verwenden.
Wenn du kein jQuery hast:

var addEvent = function (element, listener, callback) {
    if (element.addEventListener) {
        element.addEventListener(listener, callback, false);
    } else if (element.attachEvent) {
        element.attachEvent("on" + listener, callback);
    }
};

var removeEvent = function (element, listener, callback) {
    if (element.removeEventListener) {
        element.removeEventListener(listener, callback, false);
    } else if (element.detachEvent) {
        element.detachEvent("on" + listener, callback);
    }
};

var element = document.getElementById("id_des_elements");
// Beispiel Klick-Event:
addEvent(element, "click", function () {
    window.alert("Element wurde angeklickt");
});

 

[SiDeu]

Hallo war mein Fehler!
Nicht der div ist größer sondern der angezeigte Positionsrahmen ist größer als das img !
Wie bekomme ich den Positionsrahmen weg? Wie ich bei google erfahren habe funktioniert dann tabulator nicht mehr was aber egal währe ich muss ihn nur wegbekommen !
Mouseover in FF funktioniert immer noch nicht !
Wer kann mir weiterhelfen ? bin schon am verzweifeln