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

JavaScript 1.3
Fenêtres

  Connaître la taille d'une fenêtre

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 de connaître la taille d'une fenêtre. Cela peut être utile pour dimensionner un élément, faire apparaître ou pas quelque chose...
  Principe
Tout d'abord, nous placerons une image transparente à laquelle on donnera la largeur de 100%, puis nous irons simplement prendre la taille en pixel de cette image.
Il est bien sûr possible de faire la même chose dans le sens vertical, il faudra simplement penser à indiquer un alignement à gauche ou à droite pour la hauteur de la fenêtre, sous peine de voir le reste de notre fenêtre partir au delà de la partie visible de la fenêtre.

Attention : ces informations concernent les largeurs et hauteurs disponible à l'intérieur de la fenêtre du navigateur, pas la résolution de l'écran ou la taille extérieure du navigateur.
  Le script
dans la partie <head>
<script language="JavaScript">
function cherchelargeur() {
document.test.resultatlargeur.value = document.test_largeur.width;
}

function cherchelongueur() {
document.test.resultatlongueur.value = document.test_longueur.height;
}
</script>

dans la partie <body>
<form name="test">
<img src="../pixel.gif" name="test_largeur" width="100%" height="1">
<img src="../pixel.gif" name="test_longueur" width="1" height="100%" align="left">
<input type="button" name="largeur" value="Largeur de la fenetre ?" OnClick="cherchelargeur();"> <input type="text" name="resultatlargeur" size="5">
<input type="button" name="longueur" value="Hauteur de la fenetre ?" OnClick="cherchelongueur();"> <input type="text" name="resultatlongueur" size="5">
</form>
  Démonstration

Voir la 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é :
    win_size.zip
    1 Ko    		 telechargez le script telechargez le script
    Script séparé :
    win_size2.zip
    1 Ko
    Recherche
    		aide sur la recherche
    CSS 2
    DHTML
    HTML 4
    Références
    Aide générale
    hit-parade
    Votez TOP Ouaibe !

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