Exemples & Sources en JavaScript Annuaire francophone du CGI Exemples & Sources en JavaScript
Accueil du site

Détection (3)
Divers (10)
Formulaire (11)
Image (5)
Navigation (3)

Les 10 derniers
Les plus vus

Infos sur JavaScript
Les mots réservés
Les événements
Les opérateurs

Archives

A propos du site
Le Forum du site

Linker Scripts-fr !

Faîtes un lien sur votre site

 

Valid HTML 4.01!
Valid CSS!

Actuellement 1 connecté

Bienvenue sur Scripts-fr.com

Détecter la taille de la fenêtre


Exemple :

Vous connaissez certainement le script qui permet de connaître la résolution ecran de votre visiteur. Mais qui vous dit que sa fenêtre soit en plein ecran ?
Ce JavaScript permet donc de détecter la taille de la fenêtre de votre visiteur.


Explication du script : (a copier et à coller)

<html>
<head>
<title></title>

</head>
<body>

<script type="text/javascript">
<!-- Debut
// JavaScript pris sur le site: "http://www.java.scripts-fr.com"

if (document.body)
{
var larg = (document.body.clientWidth);
var haut = (document.body.clientHeight);
}

/*
Ici une version DOM (le script est entre les balises <body> et </body>) qui devrait fonctionner sur tous les navigateurs.
On commence donc par détecter la présence de l'objet body dans le DOM.
Si il est présent, on va mettre dans 2 variables
larg et haut la largeur et la hauteur de la fenêtre pris avec les propriétés clientWidth et clientHeight de l'objet body.
*/

else
{
var larg = (window.innerWidth);
var haut = (window.innerHeight);
}

/*
Cette version est purement javascript et ne fonctionne pas sous IE (les propriétés
innerWidth et innerHeight de l'objet window n'ayant pas été intégrée dans ce navigateur).
Si l'objet n'existe pas, on met dans nos variables la hauteur et la largeur de la page. Seulement on utilisera ici les propriété
innerWidth et innerHeight de l'objet window.
*/

document.write("Cette fenêtre fait " + larg + " de large et "+haut+" de haut");

// ensuite on en fait ce que l'on veut, la je les écrit avec la méthode write
// de l'objet document

// fin du script -->
</script>

</body>
</html>


Il va de soit que tel que ce script est écrit ca sera pratiquement toujours la première méthode (document.body.X) qui fonctionnera (sauf avec les vieux navigateurs), la seconde ne fonctionnera qu'avec les navigateurs ayant intégré les propriétés utilisée de l'objet window et ne compremant l'appel document.body et ce quelque soit l'endroit ou vous mettrez le script.


© 2002 Java.Scripts-fr - Tous droits réservés - Design altiline.com - Hébergement eBusiness.be
Pour tout commentaire, n'hésitez pas à contacter le webmaster

Contact !