Hallo zusammen,
ich stehe hier vor einem Problem, für welches ich keine Lösung habe. Folgendes Szenario:
Innerhalb eines Formulares befinden sich mehrere image Buttons. Es soll erkannt werden, wenn ein Button geklickt wird. Meine Überlegung war, bei onClick auf den jeweiligen Button die dortige ID an meinen Ajax Request zu übergeben, dort mittelst if Abfrage die URL für mein PHP Script zu modifizieren.
Zu Testzwecken gebe ich mir, bei erfolgen Klick mal via alert das Ergebnis der Variable url aus. Wie ich sehe, ist die URL richtig modifiziert und sollte so auch an die PHP Datei gesendet werden. Tut sie aber nicht....
Also habe ich den Wert url außerhalb der if Abfrage nochmals ausgegeben. Interessanterweise fehlt hier die Modifizierung aus dem Wert der If Abfrage.
Vielleicht kann hier jemand erkennen, warum das nicht funktioniert... Vielen Dank für jede Hilfe...
Anbei die Codeteile...
Formular
Javascript
ich stehe hier vor einem Problem, für welches ich keine Lösung habe. Folgendes Szenario:
Innerhalb eines Formulares befinden sich mehrere image Buttons. Es soll erkannt werden, wenn ein Button geklickt wird. Meine Überlegung war, bei onClick auf den jeweiligen Button die dortige ID an meinen Ajax Request zu übergeben, dort mittelst if Abfrage die URL für mein PHP Script zu modifizieren.
Zu Testzwecken gebe ich mir, bei erfolgen Klick mal via alert das Ergebnis der Variable url aus. Wie ich sehe, ist die URL richtig modifiziert und sollte so auch an die PHP Datei gesendet werden. Tut sie aber nicht....
Also habe ich den Wert url außerhalb der if Abfrage nochmals ausgegeben. Interessanterweise fehlt hier die Modifizierung aus dem Wert der If Abfrage.
Vielleicht kann hier jemand erkennen, warum das nicht funktioniert... Vielen Dank für jede Hilfe...
Anbei die Codeteile...
Formular
HTML:
<form action="javascript:ajaxAnzeige(document.getElementById('data'));" method="post" name="data" id="data">
.
.
.
.
<input type="image" src="img/links.jpg" id="l1" onClick="ajaxAnzeige(this.id)">
<input type="image" src="img/rechts.jpg" id="r1" onClick="ajaxAnzeige(this.id)">
<input type="image" src="img/oben.jpg" id="o1" onClick="ajaxAnzeige(this.id)">
<input type="image" src="img/unten.jpg" id="u1" onClick="ajaxAnzeige(this.id)">
</form>
Javascript
Javascript:
function ajaxAnzeige(clicked_id)
{
xmlhttp_ajaxAnzeige=GetXmlHttpObject();
if (xmlhttp_ajaxAnzeige==null)
{
alert ("Browser does not support HTTP Request");
return false;
}
var url="generator.php";
var send = document.getElementById('send').value;
var s1 = document.getElementById('s1').value;
var f1 = document.getElementById('f1').value;
var t1 = document.getElementById('t1').value;
var l1 = document.getElementById('l1').value;
var r1 = document.getElementById('r1').value;
var o1 = document.getElementById('o1').value;
var u1 = document.getElementById('u1').value;
url=url+"?send="+send+"&s1="+s1+"&t1="+t1+"&f1="+f1;
/// Prüfe ob Button gedrückt wurde.
if (clicked_id == "l1") {url=url+"&l1=yes"; alert(url);}
if (clicked_id == "r1") {url=url+"&r1=yes"; alert(url);}
if (clicked_id == "o1") {url=url+"&o1=yes"; alert(url);}
if (clicked_id == "u1") {url=url+"&u1=yes"; alert(url);}
alert(url); /// Zum test hier nochmal das Ergebnis von url zeigen
xmlhttp_ajaxAnzeige.onreadystatechange=stateChanged_ajaxAnzeige;
xmlhttp_ajaxAnzeige.open("GET",url,true);
xmlhttp_ajaxAnzeige.send(null);
return false;
}
Zuletzt bearbeitet von einem Moderator: