Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

JavaScript 1.3

  La résolution de l'écran

fonction de ce script  principe de ce script  le script lui-meme  demonstration du script  telechargement du script

  Fonction
Le but de ce script est d'afficher la résolution de l'écran de vos visiteurs. L'intérêt réside surtout dans la possibilité d'agir différamment en fonction de la résolution trouvée.
  Principe
On intercepte tout simplement la largeur de l'objet screen' (écran) ainsi que sa hauteur et on l'affiche ensuite dans le formulaire.
On pourrait ajouter le traitement de cette résolution : si elle est égale ou inférieure à 640, afficher telle page, si elle est supérieure, afficher telle autre page.
  Le script
dans la partie <head>
<script language="JavaScript">
function taille_ecran() {

// on intercepte les valeurs de largeur et de hauteur de l'objet 'Ecran' (screen)
largeur = screen.width;
hauteur = screen.height;

// on les place dans le formulaire
document.formulaire.resolution.value = largeur + " x " + hauteur + " pixels";
}
</script>

dans la partie <body>
<form name="formulaire">
<input type="button" value="Afficher la résolution" OnClick="taille_ecran();">
<input type="text" name="resolution" size="20">
</form>
  Démonstration




  Téléchargement
Ce script est disponible en deux versions :
  • le script est intégré à la page où il agit,
  • le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

    L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
    Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.
  • Script intégré :
    user_ecran.zip
    1 Ko
    telechargez le script telechargez le script
    Script séparé :
    user_ecran2.zip
    1 Ko
    Recherche
    aide sur la recherche
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter