 Nieuw lid |
|
Code is niet zo nice, want ik ben hier een eeuw geleden aan begonnen en heb het nog niet klaar (jQuery).
Maar zo heb je iig een idee hoe ik het deed.
Deze functie roep ik aan in een keyup event:
function suggestie(wie){
$.ajax({
type: "POST",
url: "suggestie.php",
data: "naam="+wie,
success: function(msg){
if(msg.length > 5)
{
$("#suggestie").html(msg);
}
else
{
$("#suggestie").html('');
}
}
});
}
function suggestie(wie){ $.ajax({ type: "POST", url: "suggestie.php", data: "naam="+wie, success: function(msg){ if(msg.length > 5) { $("#suggestie").html(msg); } else { $("#suggestie").html(''); } } }); }
suggestie.php
<?php
$q = mysql_query("select * from papierwinkel where voornaam like '".mysql_real_escape_string($_POST['naam'])."%' or achternaam like '".mysql_real_escape_string($_POST['naam'])."%' limit 1") or die(mysql_error());
if(mysql_num_rows($q) > 0)
{
echo '<b>suggestie: </b>';
while ($r = mysql_fetch_array($q))
{
?>
<a href="#" onclick="gebruikSuggestie('vn=<?php echo htmlentities($r['voornaam'])?>~.|.~an=<?php echo htmlentities($r['achternaam'])?>~.|.~str=<?php echo htmlentities($r['straat'])?>~.|.~hn=<?php echo htmlentities($r['huisnr'])?>~.|.~pc=<?php echo htmlentities($r['postcode'])?>~.|.~pl=<?php echo htmlentities($r['plaats'])?>~.|.~t1=<?php echo htmlentities($r['tel1'])?>~.|.~btwnr=<?php echo htmlentities($r['btwnummer'])?>')" title="gebruik deze contactgegevens"><?php echo htmlentities($r['voornaam'].' '. $r['achternaam'])?></a><br />
<?php
}
}
?>
<?php { echo '<b>suggestie: </b>'; { ?> <?php } } ?>
En het form populaten
function gebruikSuggestie(wie)
{
var pers = wie.split("~.|.~");
for(i=0; i<pers.length;i++)
{
var geg = pers[i].split("=")
$('#'+geg[0]).val(geg[1]);
}
$("#suggestie").html('');
}
function gebruikSuggestie(wie) { var pers = wie.split("~.|.~"); for(i=0; i<pers.length;i++) { var geg = pers[i].split("=") $('#'+geg[0]).val(geg[1]); } $("#suggestie").html(''); }
het form
<form action="<?php echo $_SERVER['REQUEST_URI'];?>" method="post">
<div id="suggestie"></div>
<label for="vn">Voornaam</label><input name="voornaam" type="text" id="vn" onkeyup="suggestie(this.value)" /><br />
<label for="an">Achternaam</label><input name="achternaam" type="text" id="an" onkeyup="suggestie(this.value)" /><br />
<label for="str">Straat</label><input name="straat" type="text" id="str" /><br />
<label for="hn">huisnr</label><input name="huisnr" type="text" id="hn" /><br />
<label for="pc">Postcode</label><input name="postcode" type="text" id="pc" /><br />
<label for="pl">Plaats</label><input name="plaats" type="text" id="pl" /><br />
<label for="t1">Telefoon 1</label><input name="tel1" type="text" id="t1" /><br />
<label for="btwnr">btw nummer</label><input name="btwnr" type="text" id="btwnr" />
<form action="<?php echo $_SERVER['REQUEST_URI'];?>" method="post"> <label for="vn">Voornaam </label><input name="voornaam" type="text" id="vn" onkeyup="suggestie(this.value)" /><br /> <label for="an">Achternaam </label><input name="achternaam" type="text" id="an" onkeyup="suggestie(this.value)" /><br /> <label for="btwnr">btw nummer </label><input name="btwnr" type="text" id="btwnr" />
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
