Ich weiss, ich starte den 100sten thread mit dem Thema aber ich komme einfach nicht mehr weiter.
Folgendes Problem:
Ich will hab ein Formular, will die Daten per post an ein py Script schicken, die Daten werden verarbeitet, während dessen erscheint ein Ladebalken und dann wird das Ergebnis ausgegeben.
Folgender Code liegt zugrunde:
http://www.nooto.de/python/webscripte/f ... l-ajax.htm
Code: Alles auswählen
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<script type="text/javascript" src="miniajax.js"></script>
</head>
<script type="text/javascript">
function senddata() {
indikator = '<img src="indicator.gif">';
ajax.submit('form.py', 'test', $('form'));
document.getElementById('result').innerHTML = indikator;
}
</script>
<body bgcolor="#FFFFFF">
<center>
<div id="result">
<form method="post" onSubmit="senddate()" id="form" accept-charset="UTF-8">
<h2>WhyQS</h2>
<input type="text" name="queryString">
<br>
<input type="submit" value="Anfrage senden" onClick="senddata(); return false">
</form>
</div>
<div id='test' align="left">
</div>
</center>
</body>
</html>
Das funktioniert auch alles ganz hübsch, aber jetzt kommen die Schwierigkeiten:
Wenn das Ergebnis zurückkommt soll die Seite so aussehen:
1. Der Ladebalken soll verschwinden
2. Anstelle des Ladebalkens wird das Formular gesetzt
3. Im div Element "test" erscheint die Ausgabe
Im Moment wird in "test" das Ergebnis angezeigt aber der Ladebalken verschwindet nicht.
Mein Problem ist, dass ich die miniajax.js nicht so ríchtig kapiere, an welcher Stelle ich da rumpfuschen muss um das gewünschte zu erreichen.
Komm ich über readyState==4 weiter?
Falls ihr noch mehr Code braucht oder so, nicht schimpfen, ich liefere ihn nach! Wollte nur nicht am Anfang gleich alles vollschreiben.
Hoffe einer kann Licht in das Dunkel bringen
Danke schonmal für Eure Mühe
Grüße
Jens
EDIT by Gerold: Code in Code-Tags gesetzt.