Media queries pour charger fichier js

Wonderfoule

6 Sep 2011 à 10:03

Bonjour,

j'utilise déjà les media queries pour charger une feuille de styles spécifique.

Je souhaiterais trouver une technique équivalente qui me permettrait de charger un fichier jquery quand le terminal a une largeur de 640 px max.

La déclaration dans <head> serait du type :

<script type="text/javascript" media="screen and (max-width: 640px)" src="/js/mobile.js"></script>

Merci
Modifié par Wonderfoule (06 Sep 2011 - 10:04)

tm™

6 Sep 2011 à 11:20

Salut,

Je pense que le plus simple est, via JS de détecter la largeur et ensuite, selon cette dernière, de charger ton fichier.
Via jQuery, la méthode width() te permet de récupérer la largeur et $.getScript() te permet de faire un chargement asynchrone de JS...
Sinon, tu peux aussi "écrire" dynamiquement la ligne qui chargera ton script...

tm

Wonderfoule

6 Sep 2011 à 14:18

Merci pour ces 2 pistes. Je ne suis malheureusement qu'un débutant en javascript, peux-tu développer tes 2 méthodes STP ?