You are here: home » projects » 6pp » demos

Voorbeeld toepassingen van 6PP

Postcodes are not just for sending postcards?

Demos

Alle benodigde broncode wordt per demonstratie vermeld.

Aanvullen

Je ziet ze steeds vaker: online registratieformulieren waar na het invullen van je postcode en huisnummer, automatisch de straat en woonplaats verschijnt. Handig, tijdbesparend en geen typefoutjes meer.

Postcode: Huisnr:
Straatnaam:
Woonplaats:

Kaartje van Nederland met daarin de plaats.

Dit voorbeeld als HTML: lookup.html ( bron).
Het stuk Javascript dat de communicatie met 6PP verzorgt: lookup.js
Optioneel is het tonen van een 'throbber' tijdens het wachten op communicatie met 6PP: ajax-loader.gif
Optioneel is het tonen van een landkaartje: kaart.php, grote kaart, kleine kaart.

Zoeken binnen een straal

Altijd als je eigen Marktplaats willen beginnen? Na invullen van een postcode worden de omringende postcodes getoond.

Postcode: Straal: km

Dit voorbeeld als kant en klare HTML pagina.

Of in delen:
Het stuk HTML dat in een webpagina ge-copy-paste kan worden: range.html
Het stuk Javascript dat de communicatie met 6PP verzorgt: range.js
Optioneel is het tonen van een 'throbber' tijdens het wachten op communicatie met 6PP: ajax-loader.gif

Store locator

Tik je woonplaats in en zie waar de drie dichtsbijzijnste vestigingen zijn.

Woonplaats:

In dit voorbeeld worden de postcodes van ~40 Albert Heijn vestigingen gebruikt. Vervang onderstaande postcodes door je eigen vestigingen.

Vestigingen:

Het stuk HTML dat in een webpagina ge-copy-paste kan worden: store.html
Het stuk Javascript dat de communicatie met 6PP verzorgt: store.js
Optioneel is het tonen van een 'throbber' tijdens het wachten op communicatie met 6PP: ajax-loader.gif

Externe demos

Web-Tech maakte een mashup van de Store Locator met Aanvuller.

web-tech demo

Een eigen demo?

Zelf iets moois gemaakt op basis van 6PP en interessant voor anderen? Laat het weten.


last modified on 2009-07-26 @ 17:24