Tweet
ich bin grad dabei die grundprinzipien von AJAX zu lernen, hab mir merere tuts durchgelesen und immer wieder festgestellt das
im code ein
setInterval();
drin ist, dies ist jedoch dumm wenn zb, eine grafik acktualiesiert werden soll, diese flackert bei jeden intervall einmal kurz auf...
hat wer eine lösung wie man das bild neu laden kann ohne intervall?
hier mein DIV:
und mein java loadData und saveData
ich möchte erwähnen das das script aus einem tutorial abgeschrieben ist und ich es halt an meine bedürfnisse anpassen wollte
mfg
Syli
edit umgebrochen
im code ein
setInterval();
drin ist, dies ist jedoch dumm wenn zb, eine grafik acktualiesiert werden soll, diese flackert bei jeden intervall einmal kurz auf...
hat wer eine lösung wie man das bild neu laden kann ohne intervall?
hier mein DIV:
Code:
<div id="sig_container">
<div id="sig_vorschau_wrap">
<div id="sig_vorschau">
</div>
</div>
<div id="sig_input">
<table>
<form method="post" name="form_background"
onsubmit="saveData();return false;">
<tr>
<td>
<select type="text" class="text"
name="background_dropdown">
<? echo $background_ausgabe; ?>
</select>
</td>
</tr>
<tr>
<td>
<input class="button" type="submit"
name="form_sig_send" value="Vorschau Erstellen" />
</td>
</tr>
</form>
</table>
</div>
</div>
Code:
loadData();
setInterval("loadData()",1000);
function loadData()
{
if (xmlHttp) {
xmlHttp.open('POST', 'getpic.php', true);
xmlHttp.onreadystatechange = function () {
if (xmlHttp.readyState == 4) {
document.getElementById("sig_vorschau").innerHTML =
xmlHttp.responseText;
}
};
xmlHttp.send(null);
}
}
function saveData()
{
if (xmlHttp) {
xmlHttp.open('POST', 'setpic.php');
xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlHttp.send('background='
+document.form_background.background_dropdown.value);
}
}
mfg
Syli
edit umgebrochen
Kommentar