Switch branches/tags
Nothing to show
Find file History
XelaNimed Remove protocol in href attributes in scripts
Fixed errors in loading scripts and CSS-styles over an unprotected HTTP protocol: 
Mixed Content: The page at 'https://rawgit.com/plzTeam/web-snippets/master/plz-suche/index.html' was loaded over HTTPS, but requested an insecure stylesheet 'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'. This request has been blocked; the content must be served over HTTPS.
Mixed Content: The page at 'https://rawgit.com/plzTeam/web-snippets/master/plz-suche/index.html' was loaded over HTTPS, but requested an insecure script 'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'. This request has been blocked; the content must be served over HTTPS.
Latest commit 33cc27e Mar 23, 2018
Permalink
..
Failed to load latest commit information.
data update data Jan 3, 2016
js new structure Dec 10, 2015
README.md Update README.md Sep 13, 2016
index.html Remove protocol in href attributes in scripts Mar 23, 2018

README.md

Postleitzahlensuche mit HTML & jQuery

Dieses Skript zeigt eine mögliche Einbindung einer Postleitzahlen- und Ortssuche auf der eigenen Webseite ohne serverseitiger PHP/MySQL Programmierung.

Demo

Beispiel anzeigen

PLZ Daten

Für die Suchabfrage wird eine Zuordnungsdatei im CSV-Format (Dateiformat und Gliederung) mit aktuellen Postleitzahlen und Städte/Gemeinden von Deutschland verwendet. Eine aktuelle PLZ-Liste (zuordnung_plz_ort.csv) finden Sie hier zum Downloaden

Diese Datei wird in regelmäßigen Abständen aktualisiert und sollte nach dem Herunterladen in folgenden Ordner verschoben werden:

|-- plz-suche
|   |-- data
|       |-- zuordnung_plz_ort.csv
|   |-- ...

Datengröße & Pagespeed

Die verwendete CSV-Datei hat eine Größe von ~500kb/150kb(gzip) und wird in unserem Skript-Beispiel nur einmal beim Seitenaufruf geladen, d.h. nach der Sucheingabe sind keine Requests an den Server mehr nötig. Des Weiteren steht die CSV-Datei bei erneutem Seitenaufruf im Cache des Browsers ohne erforderliche Ladezeit zur Verfügung.

Verwendeter CSV-Parser

Um die Datei zuordnung_plz_ort.csv ohne vorherige Konvertierung (z.B. in JSON) für diese PLZ-Suche nutzen zu können haben wir uns für Papa Parse entschieden - dieser CSV-Parser baut alleinig auf Javascript auf und benötigt kein jQuery.

Anpassungen am Script vornehmen

Der Scriptbereich befindet sich ausschließlich in der index.html, dort können Sie gewünschte Änderungen am Code vornehmen.

Feedback & Anregungen

Wir würden uns sehr über Fragen und Rückmeldungen freuen

https://github.com/plzTeam/web-snippets/issues