Autocomplete form

Door woffer op 24-09-2006 12:49

1.610 views

Hallo allemaal !

Ik ben op zoek naar een javascriptje dat het invullen van forms vergemakkelijkt. In mijn form heb ik de gebruikeleijke velden naam, adres, postode, gemeente, ...
Bestaat er een scriptje (wss javascript) dat, wanneer men een postcode ingeeft en dan op tab duwt om naar de volgende input textbox te gaan (om de gemeente in te vullen), hij automatisch de gemeente invult aan de hand van de ingevulde postcode ? En dit alles liefst zonder de hele pagina te vernieuwen....

Merci !

Leroy Boerefijn

24-09-2006 13:10

gebeurd dit niet automatisch al??

woffer

24-09-2006 13:16

Euhm... ik snap wat ge bedoelt, maar nee, dat voldoet niet. De form wordt gebruikt om klanten in een database te stoppen, dus er wordt telkens gebruik gemaakt van een andere postcode en andere gemeente. Ik zou dus het formpje beroep willen laten doen op een soort van array die de postcode aan de gemeente koppelt, zodat als men dus de postcode ingeeft en men op TAB drukt automatisch de juiste gemeente wordt ingevuld.

Jelmer -

24-09-2006 13:56

[google]javascript autocomplete ajax[/google]

woffer

25-09-2006 17:17

Merci !
Ik heb een passend ajax scriptje gevonden op het net ( http://www.maxpc.co.uk/tutorials/default.asp?siteid=7&sectiontypeid=7&subsectionid=706&subsubsectionid=530&pagetypeid=2&articleid=36731&page=2 ), maar ik krijg het maar nieet aan het bollen. Kan iemand mij zeggen wat ik fout doe ?
Ziehier mijn bestanden:

AJAX.HTML
-------------
<html>

<head>
<title></title>
</head>

<body>
<script type="text/javascript">
function handleHTTPResponse()
{
if (http.readyState == 4)
{
var xmlDocument = http.
responseXML;
var city = xmlDocument.
getElementsByTagName(
city ).item(0).
firstChild.data;
var county = xmlDocument
.getElementsByTagName(
county ).item(0).
firstChild.data;
document.getElementById
( city ).value = city;
document.getElementById
( county ).value =
county;
}
}
</script>
<script type="text/javascript">
function fillCityAndCounty()
{
var postCodeValue =
document.getElementById
("postCode”).value;
http.open("GET”, "getCity
AndCounty.php?param=” +
escape(postCodeValue),
true);
http.onreadystatechange =
handleHTTPResponse;
http.send(null);
}
</script>
<script type="text/javascript">
function getHTTPObject()
{
var xmlhttp;
/*@cc_on
@if (@_jscript_version >= 5)
try {
xmlhttp = new Active
XObject("Msxml2.
XMLHTTP”);
} catch (e) {
try {
xmlhttp = new Active
XObject("Microsoft.
XMLHTTP”);
} catch (E) {
xmlhttp = false;
}
w}
@else
xmlhttp = false;
@end @*/
if (!xmlhttp && typeof
XMLHttpRequest !=
undefined )
{
try {
xmlhttp = new
XMLHttpRequest();
xmlhttp.overrideMimeType
("text/xml”);
} catch (e) {
xmlhttp = false;
}
}
return xmlhttp;
}
</script>
<div align=”center” class=
”basic”>
<form action="nieuwtoev.php" method="post">

Naam eigenaar:<br>
<input type="text" name="naameig">
<br><br>
<table>
<tr>
<td valign="top">Straat:<br>
<input type="text" name="straat"></td>
<td style="padding-left:30;">Huisnr.:<br>
<input type="text" name="huisnr">
<br><br></td>
</tr>
</table>
<table>
<tr>
<td valign="top">Postcode:<br>
<input type="text" id="postCode" name="postCode" onblur=”fillCityAndCounty();”></td>
<td valign="top" align="left" style="padding-left:30;">Gemeente:<br>
<input type="text" name="city" id="city"></td>
<td valign="top" align="left" style="padding-left:30;">Telefoonnr.:<br>
<input type="text" name="county" id="county">
<br><br></td>
</tr>
</table>

<input type="submit" name="envoyer" value="Envoyer" style="border:1px solid;">
</form>
</div>
</body>

</html>

GETCITYANDCOUNTY.PHP
------------------------------
<?php
header( Content-Type: text/xml);
echo <?xml version=”1.0” stand
alone=”yes”?><postCode><city>
Bath</city><county>Avon</
county></postCode> ;
// This will become the
response value for the
XMLHttpRequest object
?>

Zien jullie de fout ?

Hipska BE

25-09-2006 18:04

<?php
header( 'Content-Type: text/xml');
echo '<?xml version="”1.0”" stand alone="”yes”">
<postCode><city>Bath</city>
<county>Avon</county></postCode>';
// This will become the response value for the XMLHttpRequest object
?>
zag je die zelf niet (hij geraakte zelf niet probleemloos door de highlighter, dus moet er wel iets mis mee zijn he)?

[edit]blijkbaar fout in highlighter ;-)
[edit]toch niet

woffer

25-09-2006 18:21

???
Euhm... zo doet ie het nog altijd niet....

Reageren

Inloggen om te reageren