Willst du das Form-Element gegen die Ausgabe tauschen, oder soll das Form-Element bestehen bleiben, und die Ausgabe darüber oder darunter erfolgen?
In jedem Fall musst du noch ein Leeres Div erzeugen, welches dir später als Ausgabediv dient, und du musst jedem Form-Element noch eine ID zuweisen. diese kann gleich dem name-Attribut der Elemente sein, darf aber nicht doppelt vergeben sein!
Soll das Form-Element durch die Ausgabe ersetzt werden, so musst du das Form-Element durch das Div einschließen.
Code:
<div id="output">
<form>
...
</form>
</div>
Soll das Form-Element bestehen bleiben, so muss das Div über oder unter das Form-Element.
Code:
<form>
...
</form>
<div id="output"> </div>
Dem Submitbutton musst du nun ein onclick-Event zuweisen, welches den AjaxRequest auslöst. Hierbei musst du verschiedene Parameter mit übergeben.
Der Aufruf ist wie folgt:
deinAjaxRequest(url,requestType,outputDiv,asynchron)
Als url trägst du deine Form-Action ein.
Als requestType trägst du deine Form-Method ein.
Als OutputDiv trägst du das Div ein, in welches später die Ausgabe erfolgen soll.
Bei Asynchron trägst du true oder false ein, true für asynchron, false für nicht-asynchron(synchron?).
Code:
onclick="deinAjaxRequest('templates/startsite/select_signaturee.php','POST','output','true'); return false;"
Somit wäre dieser Teil erledigt.
Damit Javascript aber nicht meckert, muss jetzt die Funktion "deinAjaxRequest" angelegt werden. Dazu musst du erst die prototype.js im <head>-Bereich deiner Seite includen, diese findest du unter dem Link in meinem ersten Post.
Danach inkludierst du entweder deine eigene Javascript-Datei, oder du schreibst den Javascript-Code direkt in Script-Tags in deine Datei:
Code:
<script src="pfad/zur/prototype.js" type="text/javascript"></script>
//entweder include
<script src="pfad/zur/scripts.js" type="text/javascript></script>
//oder direkt in die Datei
<script type="text/javascript">
function deinAjaxRequest(url,reqType,output,async){
output = $(output);
output.innerHTML="Bitte warten...";
//Zuerst muss die url aufbereitet werden
sig = $('signatures');
url += 'signatures?'sig.value;
//Jetzt der AjaxRequest
new Ajax.Request(url, {
method: reqType,
asynchronous: async,
onSuccess: function(transport) {
out.innerHTML = transport.responseText;
},
onFailure: function(transport) {
alert(transport.responseText);
output.innerHTML = "Fehler!";
}
});
}
</script>
Ich hoffe es war verständlich... falls nicht, einfach fragen
