Micro Application

Vous avez créé un site en flash avec des spécificités selon la taille d'écran du visiteur... seulement voila, les visiteurs novices ne connaissent pas toujours la résolution de leur écran !
Nous allons ici apprendre à le déterminer... et à renvoyer vers la version du site la plus adaptée.

1. Déterminez la résolution de l'utilisateur.

• Rien de bien compliqué ! La hauteur de l'écran est déterminé par la fonction screen.height et la largeur par ... screen.width, vous aviez presque trouvé tout seuls !
  
  Nous allons ici entrer ces valeur dans des variables, par exemple haut pour la hauteur et large pour... est-ce la peine de préciser ? :-)
  Démarrons notre code JAVASCRIPT:
  
  

  <SCRIPT LANGUAGE="JavaScript1.2">       var largeur=screen.width       var hauteur=screen.height         </SCRIPT>

  
  
  

2. Envoyez sur la bonne page !

• Nous allons maintenant indiquer la fonction window.location.replace qui va appeler, en lieu et place de la page actuellement ouverte (où se trouve le script) une page dont l'URL nous est donnée par la variable loc, par exemple:
  
  

  <SCRIPT LANGUAGE="JavaScript1.2">       var largeur=screen.width       var hauteur=screen.height           window.location.replace(loc);   </SCRIPT>

  
  
  
• Mais vous savez que nous devons donner une valeur à loc, sans quuoi ça ne marchera pas. Et bien justement, c'est là où nous allons choisir le fichier ad hoc pour la résolution de l'utilisateur.
  
  Nous allons mettre en correspondance les variable haut-large et loc, avec la "grammaire" if.
  
  Admettons que vous ayez deux versions du site, une pour les navigateurs en 800*600, appellée index800.htm et une autre pour ceux en 640*480, appelée index640.htm.
  
  

  <SCRIPT LANGUAGE="JavaScript1.2">       var largeur=screen.width       var hauteur=screen.height                     if(large==640 && haut==480) {loc="index640.htm";}              else if(large==800 && haut==600) {loc="index800.htm";}     window.location.replace(loc);   </SCRIPT>

  
  
  Rien ne vous empêche de créer une page pour autant de résolutions possibles !
  
  
  

3. Coupez court aux problèmes.

• Il y a bien sûr certains utilisateurs qui auront des résolutions non standard... ou vous pouvez tout simplement ne pas vouloir faire toutes les résolutions possibles ! Alors faites un site "moyen", visible dans toutes les résolution et attribuez le par défaut :
  
  

  <SCRIPT LANGUAGE="JavaScript1.2">       var largeur=screen.width       var hauteur=screen.height                     if(large==640 && haut==480) {loc="index640.htm";}              else if(large==800 && haut==600) {loc="index800.htm";}              else {url="indexall.htm";}     window.location.replace(loc);   </SCRIPT>