Klick auf Image-Button soll Script aufrufen, Formular aber nicht absenden

[Frank73]

Hallo zusammen,

ich steh gerade mal wieder auf dem Schlauch. Folgendes Problem:

Ich habe eine Image-Button - wenn ich auf diesen Klicke soll das Script SetGenerator() aufgerufen werden.

<INPUT TYPE="image" SRC="img/links.jpg" name = "z1v" onclick="SetGenerator(z1v);">

Das Problem: Der Image-Button verhält sich wie ein Submitt Button, er sendet das Formular ab. Das soll er aber nicht. Gibt es dafür Lösungen?

LG

Frank

 

[CPoly]

Einfach mittels "return false" das Aufsteigen (Google: event bubbling) des Events verhindern.

<INPUT TYPE="image" SRC="img/links.jpg" name = "z1v" onclick="SetGenerator(z1v);return false;">

Ich nehme an du lernst gerade erst HTML und JavaScript. Was verwendest du als Quelle (Buch/Webseite)? Denn das was du da machst ist veraltet.

 

[Frank73]

Denn das was du da machst ist veraltet.

Mit HTML kenne ich mich bestens aus - Javascript ist nicht mein Ding - Gib mir doch mal ein Stichwort wie man es aktuell löst...

Liebe Grüße

Frank

 

[tombe]

Habe ich mir auch überlegt als ich es gelesen habe.

Vielleicht meint CPoly aber einen "normalen" Button dem mit Hilfe von CSS ein Bild verpasst wird!? Der würde dann zumindest keinen Submit auslösen.

 

[CPoly]

Ein paar Sachen:

1. (ist mir gerade erst eingefallen): Wozu überhaupt einen image-button und nicht einfach ein <img>?
2. Ich kenne außer dir niemanden, der HTML Tags/Attribute groß schreibt. Ist eigentlich Geschmackssache, aber mischen solltest du den Stil auf überhaupt gar keinen Fall.
3. Zum Thema veraltet:

<img src="img/links.jpg" id="z1v" />

Das Skript ans Ende des Dokumentes:

document.getElementById('z1v').onclick = function() {
    SetGenerator(this);

    return false;
};