Mobile Webdesign

Klickbare Form-Labels auf iOS Geräten1 var iPadLabels = function () { function fix() { var labels = document.getElementsByTagName(‘label’), target_id, el; for (var i = 0; labels[i]; i++) { if (labels[i].getAttribute(‘for’)) { labels[i].onclick = labelClick; } } }; function labelClick() { el = document.getElementById(this.getAttribute(‘for’)); if ([‘radio’, ‘checkbox’].indexOf(el.getAttribute(‘type’)) != -1) { el.setAttribute(’selected’, !el.getAttribute(’selected’)); } else { el.focus(); […]

Read More

KnowHow theme adjustments

Adding keyboard support for Search Updated js/functions.js with following JavaScript. /** * Key support for search results */ $(document).keydown(function (e) { var searchResultList = $(‘#jquery-live-search’); var searchResults = searchResultList.find(‘a’); if (searchResults.length > 0) { var currentFocus = searchResultList.find(‘a:focus’); var startAt = searchResults.index(currentFocus); switch (e.keyCode) { // Arrow up case 38: e.preventDefault(); if (startAt > 0 || […]

Read More

Checkliste

Vor Projektstart Welche Möglichkeiten bietet Webserver? Zugriffsrechte PHP? PHP mail()   Layoutübernahme Welche Platformen & Systemversionen werden abgedeckt? Welche Browser werden abgedeckt?12 Handelt es sich um ein responsive Layout? Welche Ausrichtungen werden abgedeckt? Landscape? Portrait? Gibt es eine Druck-Version? Gibt es Layoutausnahmen? Grund nachfragen Formatierung des Seitentitels?   Logische Seitenabhängigkeit Suche Separate Suchseite Resultate Newsletter […]

Read More