plz to town
Geben sie eine Postleitzahl ein und das Tool verät dir die Stadt.Sql der Datenbank liegt im Download dabei.
Download-archiv
Der hier verwendete Code
<!doctype html>
<html>
<head>
<script src="/js_webseite/jquery.js"></script>
<style>
#goplz{
min-width:300px;
width:80vw;
height:50px;
font-size:45px;
letter-spacing:10vw;
font-weight:900;
border-radius:20px;
border:2px solid grey;
outline:none;
}
#testwiese{
min-width:300px;
width:80vw;
height:50px;
font-size:35px;
font-weight:900;
border-radius:20px;
border:2px solid grey;
outline:none;
}
#basti1012{
text-align:center;
margin:50px auto;
width:80vw;
}
</style>
</head>
<body>
<h1>Poszleitzahlen-Suche</h1>
<p>Bei vielen Formulare muß ein Besucher die Postleitzahlen eingeben.
Mit diesen Tool werden schon bei der Angabe der Postleitzahl die richtig Stadt in der Auawahl angezeigt,
Damit erleichtert ihr euren Besuchern die Angabe und ihr könntet damit Fehler beheben die bei einer Manualen Eingab geschehen könnten.</p>
<h2>Gebe eine Postleizahl an</h2>
<p>Die suche wird mit Ajax an ein Php Script gesendet was die passende Ergebnisse aus ein array holt</p>
<p>Dieses Script kann man auch für die Abfrage aus der Datenbank nutzen</p>
<input type="text" id="goplz" name="townnumber">
<h5>Ergebnisse</h5>
<select id="testwiese" size="1">
</select><br>
<script>
$('#goplz').keyup(function(){
var townnumber=$('#goplz').val();
var was=townnumber.length;
if(was>=3){
$.ajax({
type: 'POST',
url: '/php_website/plz_to_town.php',
data: {townnumber:townnumber},
success: function(data){
document.getElementById('testwiese').innerHTML=data;
}
});
}
});
</script>
</body>
</html>