14-02-2012, 12:22 AM
Une solution en JS toute bête, pas forcément la meilleure, mais peut être la plus rétrocompatible (pour IE 8 qui ne supporte pas les media queries CSS3).
Ensuite dans ton PHP tu peux tester l'existence du cookie pour savoir quel template utiliser
Y'aura surement un problème de timing entre la création du cookie et l'affichage de la page PHP. Tu peux résoudre ça avec une requête Ajax, les fois d'après ça passera
Code :
<link rel="stylesheet" type="text/css" href="styles.css" id="stylesheet" />
Code :
window.addEventListener('load', function() {
var width = screen.innerWidth || document.documentElement.clientWidth;
if (width < 640) document.getElementById('stylesheet').href = 'styles_light.css';
// ici tu crées un cookie en JS pour dire que tu utilises un template light
// je te laisse chercher sur le net ^^
}, false);
Ensuite dans ton PHP tu peux tester l'existence du cookie pour savoir quel template utiliser
Y'aura surement un problème de timing entre la création du cookie et l'affichage de la page PHP. Tu peux résoudre ça avec une requête Ajax, les fois d'après ça passera