Archief - postcode/woonplaats --> javascript? (alternatief)

Beste mede 9-livers,

Ik ben momenteel bezig aan een webbased facturatie/offerte-applicatie.
Echter loop ik even tegen een probleempje aan.

Men had mij gevraagd een lijst met woonplaatsen/postcodes te integreren, wat ik ook gedaan heb. even van bpost excel gedownload, omgezet in csv en in een tabel geduwd. Echter ben ik nu bezig met de klantenbeheermodule.

"Nieuwe klant" meer specifiek. Ik heb hier een form met de gebruikelijke invoervelden. Echter had ik gedacht, wanneer ik een postcode invul, dat ik daaronder dan bij woonplaats een dropdownlist zet met de values voor die postcode. soms zijn er meerdere deelgemeenten die onder een bep postcode vallen.

Momenteel maak ik uitsluitend gebruik van xhtml, css en php. De enige "interactieve" manier lijkt mij om javascript te gebruiken met een "OnBlur" event (lost focus) maw op het postcode veld.

Normaal gaat die applicatie intern draaien en zie ik geen problemen, langs de andere kant, mocht het toch offsite gehost worden, lijkt het mij niet wenselijk om de sql querry in javascript te zetten, aangezien dit zichtbaar is naar de buitenwereld en je scriptkiddies ed niet de pap in de mond wil geven ...

Het enige andere alternatief dat ik mij zo direct kan indenken: Ik laat alleen de postcode invullen, als de querry meer dan 1 rij retourneerd voor die postcode laat ik na de submit een extra pagina zien met dropdownlist met de mogelijke plaatsnamen voor die postcode en nog eens een submit.

Op die manier hoef ik dan geen javascript te gebruiken maar uiteraard is dit niet "interactief" en dus iets minder mooi naar de gebruiker toe ...

iemand nog een creatief idee?

alvast dank bij voorbaat.

grtz

eerst en vooral: waarom een sql query in javascript zetten?

AJAX lijkt mij een leuke oplossing?

pagina met formulier: bij onblur van postcode-veld -> AJAX request naar PHP pagina (met daar query).

dan eventueel een dropdown laten tekenen onder/langs het postcode-veld.

Inderdaad ajax
Dan blijft alles mooi binnen php/server kant dus geen last van "script kiddies".

Wel goed je postcode veld "beveiligen" dan zodat ze geen injecties beginnen (proberen)te doen

oplossing is idd vrij simpel. had ik even niet aan gedacht.

Heb infeite nooit veel javascript/ajax gebruikt en dus ook nooit veel van opgezocht. Heb hier een vbke gevonden
PHP Example AJAX and MySQL

maw gewoon php paginake maken waar ik diene var aan doorsluis middels xmlhttp en op die pagina den dropdownlist echo'en met de values uit de querry.

mercikes mannen.

Als je jQuery daarvoor gebruikt is het nog veel minder werk...

ns_ripper zei:

oplossing is idd vrij simpel. had ik even niet aan gedacht.

Heb infeite nooit veel javascript/ajax gebruikt en dus ook nooit veel van opgezocht. Heb hier een vbke gevonden
PHP Example AJAX and MySQL

maw gewoon php paginake maken waar ik diene var aan doorsluis middels xmlhttp en op die pagina den dropdownlist echo'en met de values uit de querry.

mercikes mannen.

Klik om te vergroten...

Gebruik jQuery en maak gebruik van je success/complete callbacks op je ajax request, zo kan je met die gegevens werken op de huidige pagina ipv. die dropdown op een aparte pagina te zetten.

Ex0dus zei:

Gebruik jQuery en maak gebruik van je success/complete callbacks op je ajax request, zo kan je met die gegevens werken op de huidige pagina ipv. die dropdown op een aparte pagina te zetten.

Klik om te vergroten...

mm, die dropdown komt ook binnen dezelfde pagina hoor.

Ik weet niet hoe ver je reeds gevorderd bent, maar waarom gebruik je geen bestaand Javascript framework voor je UI? Dat levert een gigantische snelheidswinst op, en het zijn componenten waarvan je zo goed als zeker weet dat ze werken zoals het hoort (aangezien er een massa gebruikers van zijn). De meest gekende - commerciële - optie is ExtJS, een Open Source alternatief dat aardig in de buurt komt (althans afgaande op de demo's, ik heb het nog niet gebruikt) is qooxdoo, en dan heb je nog minder uitgewerkte oplossingen als jQuery UI, Dojo etc.