[Javascript] Connaitre la résolution d’un visiteur et adapter son site à cette dernière

Bonjour,
Voici une petite explication concernant un script permettant d’adapter son site à certaines résolutions, comme j’ai eu souvent le problème avec les pourcentages. Les pourcentages, c’est pratique, mais il y a des fois ou ça ne s’adapte vraiment pas, dans ce cas, ma méthode vous sera utile.
Si vous n’avez pas essayé la méthode des pourcentages, essayez là avant d’essayer de suivre ce tuto, car je dirais que la méthodes des pourcentages marche dans 98% des cas (ce n’est pas une estimation officielle, c’est juste la mienne =) ).

Prérequis :

Il faut utiliser l’objet screen :
Ce dernier est un objet prenant la largeur, et la hauteur de l’écran.
Vous pouvez donc avoir la résolution complète en concaténant deux variables.

Code minimal :

Pour commencer, nous allons prendre la résolution d’écran du visiteur avec ce code :

var resolution = screen.width + ‘*’ + screen.height;

Ensuite, il suffit de tester avec une condition la feuille de style à choisir :

if(resolution == 800*600)
{
/* Liez votre feuille de style */
}

Il suffira donc de tester toutes les résolutions, et de lier une feuille de style à chaque fois.
C’est un peut radical comme méthode, mais elle marche =)

Voici donc le script complet pour la résolution 800*600 :

<script language=”text/javascript”>
var resolution = screen.width + ‘*’ + screen.height;
if (resolution == 800*600)
{
<link rel=”stylesheet” href=”feuille_800_600.css” media=”screen”>
}
</script>

Cordialement,
Chiroki =)

---