image-Button per JS auslesen

[Fredmonster]

Hallo Community!

Ich will per Javascript überprüfen, ob der submit-Button geklickt wurde.. Da lese ich das ganze per value.. aus!
Jetzt habe ich den button allerdings zu einem type="image" geändert. Gibt es eine Möglichkeit (außer der des DOM-Modells), zu überprüfen, ob der Button geklickt wurde?

Gruß, Fredmonster

 

[blax]

Hallo Community!

Ich will per Javascript überprüfen, ob der submit-Button geklickt wurde.. Da lese ich das ganze per value.. aus!
Jetzt habe ich den button allerdings zu einem type="image" geändert. Gibt es eine Möglichkeit (außer der des DOM-Modells), zu überprüfen, ob der Button geklickt wurde?

Gruß, Fredmonster

Also wenn ich dich richtig verstehe, willst du zu ner bestimmten Zeit prüfen, ob der button bereits geklickt wurde, falls ja könnte man einfach beim onclick event ne variable abspeichern, die dann aussagt ob gedrückt oder net.
z.b. so:

<input id="image_input" type="image" src="foo.gif" alt="Absenden" />
<script type="text/javascript">
var image_input_clicked = false;

document.getElementById("image_input").onclick = function() {
  image_input_clicked = true;
}

Oder sonst mit onsubmit für das formular abfragen, ob es abgeschickt wurde. Allerding wird das ja z.b. auch getan, wenn man in nem input feld enter drückt, also wird die erste Variante wohl die bessere sein, jenachdem, was du brauchst.
Gruß

 

[Fredmonster]

Hm, ich will per Ajax das Formular an PH senden.. DAzu übergebe ich bei den Textfeldern das value.. document.formname.inputname.value.. Lider klappt das bei nem input type=image net..

Gruß, Fredmonster

 

[da_loki]

<input type="image" onClick="formularname.submit();false;" />

Damit verschickst du das Forumlar, auch wenn es ein anderer Typ ist.

Alternativ kannst du auch anstelle vom submit eine eigene Funktion aufrufen, welche dein Formularfelder ausliest und weiterverarbeitet.

 

[Frank]

<input type="image" onClick="formularname.submit();false;" />

Damit verschickst du das Forumlar, auch wenn es ein anderer Typ ist.

Ja aber dann kann er es ja nicht mehr mit Ajax verschicken ^^

<input type="text" name="name" value="" id="name"><br>
<input type="text" name="email" value="" id="email"><br>
<input type="images" src="bild.jpg" value="Klick mich" onClick="readform()">
<script type="JavaScript">
<!--
function readform()
{
  var name = document.getElementById("name").value
  var email = document.getElementById("email").value
}
-->
</script>

Jetzt hast du die Werte in den Variablen und kannst sie mit AJAX an PHP übergeben

 

[Fredmonster]

ich will das vershcicken aber mit PHP erledigen, also per isset() prüfen, ob das Formular abgeschickt wurde.. Also will ich mit javascript das value des grafischen Buttons auslesen. Mit php geht das ja per x-y-Koordintae mit einem "_".. Aber ich werds dann wol doch mit DOM machen..

Gruß, Fredmonster

 

[blax]

Hm, ich will per Ajax das Formular an PH senden.. DAzu übergebe ich bei den Textfeldern das value.. document.formname.inputname.value.. Lider klappt das bei nem input type=image net..

Gruß, Fredmonster

ja, das dacht ich mir, dass du das vorhast, übergeb doch jetzt einfach true/false, was ja in image_input_clicked gespeichert wird.

Wozu brauchst du das überhaupt, hast du mehrere submit buttons und willst in PHP prüfen, welches geklickt wurde?

Und nochwas am rande, "document.formname.inputname.value" ist nich grade das gelbe vom EI ;) Du musst dem Formular ja so einen namen geben und das bringrt xss lücken mit sich -> arbeite mit ids und document.getElementById()

 

[Fredmonster]

Jo, danke blax! Deine Lösung gefällt mir besser als die per DOM.. Was das mit dem Formularnamen angeht, nutze ich das ganze ja nur im Ajax-Request.. ALso kommt das nie mit xss in Berührung!
Nochmal Danke an alle!
Gruß, Fredmonster

 

[blax]

Jo, danke blax! Deine Lösung gefällt mir besser als die per DOM.. Was das mit dem Formularnamen angeht, nutze ich das ganze ja nur im Ajax-Request.. ALso kommt das nie mit xss in Berührung!
Nochmal Danke an alle!
Gruß, Fredmonster

Hm, wenns schon ok ist, ist ja auch gut, wenn du nu aber die xu nd y koordinate brauchst (für captcha z.b.), dann könntest du das auch so machen

var image_input = {};
document.getElementById("image_input").onclick = function(e) {
	e = e ? e : window.event;
	image_input.x = e.pageX ? e.pageX : e.offsetX;
	image_input.y = e.pageY ? e.pageY : e.offsetY;
}

Dann hat image_input.x die x koordinate und dementsprechend image.y die y koordinate.
Gruß