Ik heb een basic en volgens mij ook erg eenvoudige ajax vraag maar krijg het niet voor elkaar.
Ik haal variabelen uit een tekstbox en daarna wordt er in php gekeken of dit een numeriek waarde is. als dit zo is wordt er de waarde 'klopt' weergegeven en anders 'fout' , dit wordt weergegeven in een div. Ik wil het zo dat de output indezelfde tekstbox komt als waar de waardes ingetypt worden. ik gebruik het volgende script maar krijg het niet voor elkaar dit te maken.....
misschien dat jullie het weten? dankje..!
form.html
test.js
test.php
(edit)
vergeten goede titel te geven
(/edit)
Ik haal variabelen uit een tekstbox en daarna wordt er in php gekeken of dit een numeriek waarde is. als dit zo is wordt er de waarde 'klopt' weergegeven en anders 'fout' , dit wordt weergegeven in een div. Ik wil het zo dat de output indezelfde tekstbox komt als waar de waardes ingetypt worden. ik gebruik het volgende script maar krijg het niet voor elkaar dit te maken.....
misschien dat jullie het weten? dankje..!
form.html
code:
1
2
3
| <script src='test.js'></script> <input type='text' name='var' onkeyup='showHint(this.value)' /> <span id='txtHint' ></span> |
test.js
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
| var xmlHttp
function showHint(str)
{
if (str.length==0)
{
document.getElementById("txtHint").innerHTML=""
return
}
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return
}
var url="test.php"
url=url+"?q="+str
url=url+"&sid="+Math.random()
xmlHttp.onreadystatechange=stateChanged
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("txtHint").innerHTML=xmlHttp.responseText
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
} |
test.php
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| <?php
//haalt gegeven uit javascript
$q=$_GET["q"];
//kijkt of het aantal wel numeriek is
if(!is_numeric($q))
{
echo"klopt";
}
else
{
echo"fout";
}
?> |
(edit)
vergeten goede titel te geven
(/edit)
[ Voor 1% gewijzigd door Verwijderd op 28-02-2007 14:10 . Reden: vergeten titel goed aan te passen ]