{"id":3058,"date":"2013-08-17T13:31:04","date_gmt":"2013-08-17T11:31:04","guid":{"rendered":"http:\/\/www.frische-zitronen.de\/?p=3058"},"modified":"2013-08-17T13:31:04","modified_gmt":"2013-08-17T11:31:04","slug":"dropdown-menu-in-mobilen-geraten-bei-leeren-weiterleitungsseiten","status":"publish","type":"post","link":"https:\/\/www.jukemedia.de\/blog\/2013\/08\/dropdown-menu-in-mobilen-geraten-bei-leeren-weiterleitungsseiten\/","title":{"rendered":"Dropdown Men\u00fc in mobilen Ger\u00e4ten bei leeren Weiterleitungsseiten"},"content":{"rendered":"<p><a href=\"http:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2013\/08\/fastclick.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2013\/08\/fastclick.png\" alt=\"fastclick\" width=\"459\" height=\"266\" class=\"alignnone size-full wp-image-3074\" srcset=\"https:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2013\/08\/fastclick.png 459w, https:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2013\/08\/fastclick-300x174.png 300w\" sizes=\"auto, (max-width: 459px) 100vw, 459px\" \/><\/a><br \/>\nIn der Seitenstruktur kann man Seiten ohne eigenen Inhalt als Seite vom Typ &#8222;Weiterleitung&#8220; anlegen, eine gern gew\u00e4hlte M\u00f6glichkeit um Inhalte besser strukturieren zu k\u00f6nnen oder aber auch um zusammenfassende \u00dcberschriften f\u00fcr bstimmte Themenbereiche in Form von Aufz\u00e4hlungen zu bilden. <\/p>\n<p>Befinden sich solche Weiterleitungsseiten als Navigationspunkte der obersten Ebene in einem Dropdown-Men\u00fc besteht das Problem, dass sich das Dropdown auf mobilen Endger\u00e4ten nicht mehr \u00f6ffnet.<\/p>\n<p>L\u00f6sungsans\u00e4tzte daf\u00fcr gibt es wohl, eine davon habe ich im Contao-Forum gefunden (Danke an <a href=\"http:\/\/www.pixelgenau.at\/\">xkoy<\/a>):<br \/>\n<a title=\"Link zum Contao Forum\" href=\"httpss:\/\/community.contao.org\/de\/showthread.php?38921-Dropdown-auf-iPad-Hover-problem&amp;p=251789&amp;viewfull=1#post251789\">httpss:\/\/community.contao.org\/de\/<\/a><\/p>\n<h2>So wird&#8217;s gemacht:<\/h2>\n<ol>\n<li>Zuerst ein neues Template auf Basis von nav_default anlegen.<\/li>\n<li>Dann einen angepassten Code einf\u00fcgen, der Code ist im Wiki zu finden:<br \/>\n<a href=\"http:\/\/de.contaowiki.org\/Navigationspunkte_nicht_verlinken\">Navigationspunkte_nicht_verlinken<\/a><\/li>\n<li>Als n\u00e4chstes die Seite <a href=\"httpss:\/\/github.com\/ftlabs\/fastclick\">fastclick auf github<\/a> besuchen und das .zip herunterladen \/ entpacken.<\/li>\n<li>fastclick.js in die Contao Installation hochladen und im Seitenlayout unter zus\u00e4tzliche headtags verlinken.\n<pre lang=\"html\">\n<script type=\"text\/javascript\" src=\"files\/pfad\/zu\/deiner\/datei\/fastclick.js\"><\/script>\n<\/pre>\n<\/li>\n<li>Dann ein weiteres template von fe_page anlegen. Um fastclick zu starten, vor dem schlie\u00dfendem head-Tag folgenden Code eintragen:<\/li>\n<\/ol>\n<pre lang=\"javscript\">\n<script type=\"application\/javascript\">\/\/ <![CDATA[\nwindow.addEventListener('load', function() {\n\t\tnew FastClick(document.body);\n\t\tdocument.getElementById('select').addEventListener('focus', function(event) {\n\t\t\tevent.target.setSelectionRange(0, event.target.value.length);\n\t\t}, false);\n\t}, false);\n\/\/ ]]><\/script>\n<\/pre>\n<p>Das war&#8217;s &#8211; das Dropdwon \u00f6ffnet sich auch dann, wenn der Hauptmen\u00fcpunkt eine leere Weiterleitungsseite ohne eigenen Inhalt ist. Sicherlich ist diese L\u00f6sung nur ein \u00dcbergang, so wie ich Contao kenne, wird sich sicherlich fr\u00fcher oder sp\u00e4ter eine andere L\u00f6sung im Kern finden.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In der Seitenstruktur kann man Seiten ohne eigenen Inhalt als Seite vom Typ &#8222;Weiterleitung&#8220; anlegen. Befinden sich solche Weiterleitungsseiten als Navigationspunkte der obersten Ebene in einem Dropdown-Men\u00fc besteht das Problem, dass sich ein unter diesem Men\u00fcpunkt befindliches Dropdown-Men\u00fc auf mobilen Endger\u00e4ten nicht mehr \u00f6ffnet. Dieser Artikel zeigt einen workaround um Abhilfe zu schaffen.<\/p>\n","protected":false},"author":1,"featured_media":3074,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"yst_prominent_words":[],"class_list":["post-3058","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-contao"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3058","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=3058"}],"version-history":[{"count":0,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3058\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media\/3074"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=3058"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=3058"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=3058"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=3058"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}