Taille d'un <div> ou <span>

Soyez le premier à donner votre avis sur cette source.

Snippet vu 13 800 fois - Téléchargée 19 fois

Contenu du snippet

La plupart des gens qui cherche a déterminé la taille en pixel d'une balise <div> ou <span> pour un défilement de texte par exemple ne trouve pas de solution ou ne leur satisfait pas. Voila une astuce que j'utilise la taille renvoyée varie selon mozilla ou ie.

Source / Exemple :


//pour avoir la taille d'un <span> c'est trés simple regardez :
<html><head><title>Taille d'un div/span</title>
  <script>
    function taillespan()
    {
      //ceci fonctionne trés bien pour moi
      return h.offsetTop;
    }
  </script>
</head>

<body>
  //.votre code html
  //.
  //.
  //nous disposant d'un premier span conteneur
  <span id='conteneur'>
  //ici votre code html....
  //.
  //.
  //ce span permet de calculer la taille du conteneur
    <span id='h'>//vous laissez vide
    </span>
  </span>
</body>

Conclusion :


Ce n'est pas le must mais ça dépanne trés bien !

A voir également

Ajouter un commentaire Commentaires
Messages postés
66
Date d'inscription
jeudi 21 juillet 2005
Statut
Membre
Dernière intervention
28 décembre 2010

Pratique mais cette source n'a aucun intérêt. Essaye de partager tes astuces sur le forum ou sur les tutoriaux mais pas en tant que code.

J'espère que ta prochaine sera plus conséquente.
Messages postés
224
Date d'inscription
mercredi 21 avril 2004
Statut
Membre
Dernière intervention
29 mars 2009

Merci beaucoup pour le lien.
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
32
Messages postés
224
Date d'inscription
mercredi 21 avril 2004
Statut
Membre
Dernière intervention
29 mars 2009

FraGag je suis preneur d'infos sur le sujet.
Messages postés
81
Date d'inscription
jeudi 19 février 2004
Statut
Membre
Dernière intervention
18 avril 2008

Tant qu'à être avec la série des « offset », pourquoi ne pas utiliser la propriété offsetHeight sur le conteneur ? offsetTop, qui devrait être utilisé pour retrouver la position d'un objet sur l'écran, agit différemment dans Firefox et dans Internet Explorer (mais on peut aboutir au même résultat grâce à offsetParent).

Je peux fournir plus de détails si quelqu'un le demande...

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.