Media Query und JavaScript

[Walliser]

Hallo zusammen

Ich setzte mich mittlerweile auch mit media queries auseinander. Meine Frage ist. Ist es möglich die jeweiligen javascripts den media queries zu zuweisen oder umgekehrt? Das heisst für kleiner viewports soll ein es andere javascripts zugewiesen werden.

Hoffe ihr könnt mir helfen.

Mit freundlichen Grüsse

[Ole]

Hi,

Enquire.js ermöglicht sowas wie Media Queries für JS. Damit könntest das angestrebte abbilden.

Hier noch ein kleiner Artikel über das Script:
http://css-tricks.com/enquire-js-media-query-callbacks-in-javascript/

Gruß
Ole

[Walliser]

Vielen Dank für die schnell Antwort.

Werde es mir mal genauer anschauen.

Gruss

[molily]

Hallo,

Ich setzte mich mittlerweile auch mit media queries auseinander. Meine Frage ist. Ist es möglich die jeweiligen javascripts den media queries zu zuweisen oder umgekehrt? Das heisst für kleiner viewports soll ein es andere javascripts zugewiesen werden.

Was spricht gegen ein einfaches:

var width = window.[ref:self812;javascript/objekte/window.htm#inner_width@title=innerWidth] || document.documentElement.clientWidth;  
if (width <= x) {  
  // ...  
} else if (width <= y) {  
  // ...  
} // usw.

Ansonsten gibt es window.matchMedia, was auch der verlinkten Bibliothek zugrunde liegt. Das unterstützen nicht alle relevanten Browser, es aber gibt ein Polyfill.

Mathias