Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:

Autor Thema: MODUL: CSS Produkt- & Attributlagerampel v1.0 CE (ab Shopversion 2.x.x.x)  (Gelesen 9451 mal)

Offline noRiddle

  • Experte
  • *****
  • Beiträge: 9.872
  • Geschlecht: Männlich
    • Teile Beitrag
    • Webdesign Bonn - Köln
Code: Javascript  [Auswählen]
with(document.documentElement){className += \'js\'}
     if ((\'ontouchstart\' in document.documentElement)) {document.documentElement.className += \' touch\';} else {document.documentElement.className += \' no-touch\';}

Da der Code ursprünglich aus meinem Vorschlag zur Implementation kommt beantworte ich mal kurz was der Code macht:
Bei aktiviertem Javascript wird dem html-tag die class="js" vergeben.
Bei Touchgeräten wird bei Beginn eines Touch-Events, also bei Bildschirmberührung im Bereich der Webseite, dem html-tag die class="touch" vergeben, ansonsten class="no-touch".
Mithilfe der vergebenen Klassen kann man dann Verhalten und CSS steuern.

Übrigens:
Zwar habe ich oben das JS zitiert wie es im Code ist, die Backslashes vor den Single Quotes sind jedoch unnötig und auch unsinnig. Sie können und sollten also weggelassen werden:
Code: Javascript  [Auswählen]
with(document.documentElement){className += 'js'}
     if (('ontouchstart' in document.documentElement)) {document.documentElement.className += ' touch';} else {document.documentElement.className += ' no-touch';}

Gruß,
noRiddle


Teile per facebook Teile per linkedin Teile per twitter