{"id":609,"date":"2014-01-24T13:43:04","date_gmt":"2014-01-24T13:43:04","guid":{"rendered":"http:\/\/www.taywa.ch\/blog\/?p=609"},"modified":"2014-01-25T11:10:05","modified_gmt":"2014-01-25T11:10:05","slug":"subnavigation-fur-600-seiten","status":"publish","type":"post","link":"https:\/\/www.taywa.ch\/blog\/js\/subnavigation-fur-600-seiten\/","title":{"rendered":"Subnavigation f\u00fcr 600 Seiten"},"content":{"rendered":"<p><strong>Wie programmiert man eine Subnavigation mit mehr als 600 Seiten?<\/strong> &#8230;und zwar so, dass sie benutzerfreundlich und \u00fcbersichtlich ist und von Google indexiert wird?<\/p>\n<p>F\u00fcr die Website <a href=\"http:\/\/www.poursuites-plus.ch\" title=\"Commandez en ligne un extrait officiel du registre des poursuites\">www.poursuites-plus.ch<\/a> mussten wir alle &#8222;Office des poursuites Suisse&#8220; verlinken. Wir haben dieses Problem wiefolgt gel\u00f6st:<\/p>\n<p><a href=\"http:\/\/www.poursuites-plus.ch\/office-des-poursuites-recherche\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2014\/01\/poursuites-plus.ch_recherche.png\" alt=\"Recherche office des poursuites Suisse\" title=\"poursuites-plus.ch_recherche\" width=\"462\" height=\"417\" class=\"alignnone size-full wp-image-613\" srcset=\"https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2014\/01\/poursuites-plus.ch_recherche.png 462w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2014\/01\/poursuites-plus.ch_recherche-300x270.png 300w\" sizes=\"auto, (max-width: 462px) 100vw, 462px\" \/><\/a><\/p>\n<p>Eine Linkliste mit Filterfunktion per Javascript: Nach jedem Buchstaben wird die Liste automatisch und f\u00fcr den Besucher sichtbar aktualisiert. Dies zeigt dem Besucher, dass was passiert und gibt uns die M\u00f6glichkeit, je nach Listenl\u00e4nge die Darstellung anzupassen.<\/p>\n<p><strong>Pagination oder nicht?<\/strong><br \/>\nAuf eine Pagination haben wir bewusst verzichtet. Zum Einen ist scrollen unserer Meinung nach benutzerfreundlicher, und zum Andern kann so auch mit der &#8222;Auf Seite finden&#8220;-Suchfunktion des Browsers gearbeitet werden kann.<br \/>\nIm konkreten Fall ist dies nur bedingt erfolgreich, da man vielleicht einen Ortsnamen sucht, der gar kein eigenes Betreibungsamt hat. Dem JavaScript Filter ist eine komplette Liste der Ortsnamen mit zugeh\u00f6rigen \u00c4mtern hinterlegt.<\/p>\n<p><strong>Benutzerfeedback<\/strong><br \/>\nDer gefundene Suchbegiff wird in den Resultaten herausgehoben &#8211; bei \u00fcberschaubarer Trefferzahl auch in den Detailinformationen. So zeigt eine Suche nach &#8222;Epa&#8220; die Resultate:<\/p>\n<ul>\n<li>1006  Office des poursuites de Lausanne: <strong>Epa<\/strong>linges<\/li>\n<li>1040  Office des poursuites du district du Gros-de-Vaud: <strong>Epa<\/strong>utheyres<\/li>\n<li>1630  Office des poursuites District de la Gruy\u00e8re: <strong>Epa<\/strong>gny <\/li>\n<li>2900  Office des poursuites de Porrentruy: <strong>Epa<\/strong>uvillers<\/li>\n<\/ul>\n<p><a href=\"http:\/\/www.poursuites-plus.ch\/office-des-poursuites-recherche\/\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2014\/01\/poursuites-plus.ch_epa.png\" alt=\"Recherche office des poursuites Suisse: Lausanne, Gros-de-Vaud, Gruy\u00e8re \" title=\"poursuites-plus.ch_epa\" width=\"487\" height=\"829\" class=\"alignnone size-full wp-image-612\" srcset=\"https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2014\/01\/poursuites-plus.ch_epa.png 487w, https:\/\/www.taywa.ch\/blog\/wp-content\/uploads\/2014\/01\/poursuites-plus.ch_epa-176x300.png 176w\" sizes=\"auto, (max-width: 487px) 100vw, 487px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wie programmiert man eine Subnavigation mit mehr als 600 Seiten? &#8230;und zwar so, dass sie benutzerfreundlich und \u00fcbersichtlich ist und von Google indexiert wird? F\u00fcr die Website www.poursuites-plus.ch mussten wir alle &#8222;Office des poursuites Suisse&#8220; verlinken. Wir haben dieses Problem wiefolgt gel\u00f6st: Eine Linkliste mit Filterfunktion per Javascript: Nach jedem Buchstaben wird die Liste automatisch<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,101],"tags":[39,183,147],"class_list":["post-609","post","type-post","status-publish","format-standard","hentry","category-js","category-jquery-js","tag-ausgeben","tag-js","tag-office-des-poursuites"],"_links":{"self":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts\/609","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/comments?post=609"}],"version-history":[{"count":12,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts\/609\/revisions"}],"predecessor-version":[{"id":623,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/posts\/609\/revisions\/623"}],"wp:attachment":[{"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/media?parent=609"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/categories?post=609"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taywa.ch\/blog\/wp-json\/wp\/v2\/tags?post=609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}