Hallo,
Ik ben bezig met een script in Ajax om live de invoer van een input veld te tonen in een div ernaast. Dit werkt nu perfect het gaat alleen om 90 velden en het 90 x keer zetten van de Javascript lijkt me wat omslachtig. Ik heb al uren geprobeert maar kom er niet uit. Graag jullie hulp.
Ik heb de volgende codes
Ajax
[code]
<script language="javascript">
function createRequestObject() {
var req;
if(window.XMLHttpRequest){
req = new XMLHttpRequest();
} else if(window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
} else {
req = NULL;
alert('Probleem met het aanmaken van hetXMLHttpRequest object');
}
return req;
}
var http = createRequestObject();
function sendRequestKleur(iets) {
http.open('get', 'send.php?kleur='+iets);
http.onreadystatechange = handleResponseKleur;
http.send(null);
}
function handleResponseKleur() {
if(http.readyState == 4 && http.status == 200){
if(http.responseText) {
document.getElementById("huidigekleur").style.backgroundColor = http.responseText;
} else {
document.getElementById("huidigekleur").style.backgroundColor = " ";
}
} else {
document.getElementById("huidigekleur").style.backgroundColor = " ";
}
}
</script>[code]
Html/php Input:
[code]
<tr> <td>$naam_kleur1</td><td># <input type=\"text\" name=\"kleur1\" value=\"$kleur1\" maxlength=\"6\" class=\"volgorde\" onkeyup=\"sendRequestKleur(this.value);\" onmouseover=\"sendRequestKleur(this.value);\"/></td>
<td><div style=\"height:20px; width:20px; background-color:#$kleur1; border:1px solid #000000\"></div></td>
</tr>
[code]
Show
[code]
<span style=\"float:left;\">Huidige Kleur: </span> <div id=\"huidigekleur\" style=\"height:20px; width:20px; background-color:#FFFFFF; border:1px solid #000000; float:left\"></div>
[code]
Send.php
[code]
<?PHP $kleur = $_REQUEST['kleur']; print"$kleur"; ?>
[code]
Nou is het dus de bedoeling dat het output id wordt bepaalt aan de hand vanaf welke input veld de opdracht is gegeven.
Bij invoer in input 1 moet de output naar output 1 en bij input 2 naar output 2
Dit komt er dus op neer dat ik nog een variable moet meesturen in de requeste en deze vervolgens invul bij document.getElementById("huidigekleur")
hopelijk is er iemand die me kan helpen!
1.153 views