nicht angemeldet
Media-Attribut bei Script-Tag
0 
suit
Media-Attribut bei Script-Tag
Hallo allerseits
Gibt es eine Möglichkeit das Media-Attribut auch beim Script-Tag zu verwenden oder eine vergleichbare Lösung?
Folgendes Problem: Eine Website stellt Icons von Projekten dar. Auf einem Desktop-Computer sollen die Detailinformationen per JavaScript in einer "Lightbox" dargestellt werden. Auf einem mobilen Gerät wie zum Beispiel dem iPhone sollen die Detailinformationen auf einer neuen Seite geladen werden. Somit dem "normalen" Link folgen.
Würde mich freuen, von Euch zu hören, wie ihr das lösen würdet.
-
Würde mich freuen, von Euch zu hören, wie ihr das lösen würdet.
Mit einem normalen Link (a-Element) und einem img-Element.
Auf dem Desktop-Rechner wird das Standardverhalten des Links unterdrückt und die Lightbox aufgerufen, Der link wird gepast und bekommt einen Parmeter angehängt z.B. "ajax=true" oder wasauchimmer, das veranlasst den Server unter der genannten ressource "nur" die Detailinformationen auszuliefern, die dann anzeigt werden.
Das iPhone hingegen folgt dem Link ganz normal.
Wie man mit JavaScript den Medientypen auswertet, findest du heir
http://www.ibloomstudios.com/articles/css_media_targeted_javascript/Das wird aber nicht funktionieren, das iPhone kommt z.B. nicht mit "handheld" daher sondern hundsgewöhnlich mit "screen".
Da musst du schon mit Media Queries auffahren.
-
Wie man mit JavaScript den Medientypen auswertet, findest du heir
http://www.ibloomstudios.com/articles/css_media_targeted_javascript/Vielen Dank für den Link. Werd mir den mal anschauen. Und hoffe, daraus die geeigneten Schlüsse ziehen zu können.
-