begin process at 2012 02 14 03:24:40
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Trucs & Astuces

 > TAILLE D'UN <DIV> OU <SPAN>

TAILLE D'UN <DIV> OU <SPAN>


 Information sur la source

Note :
1 / 10 - par 1 personne
1,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Trucs & Astuces Classé sous :taille, div, span Niveau :Débutant Date de création :23/05/2007 Vu :11 646
Auteur : Mokost

Ecrire un message privé
Site perso
Commentaire sur cette source (5)
Ajouter un commentaire et/ou une note

 Description

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

  • //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>
//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 !


 Sources de la même categorie

Source avec Zip Source avec une capture SUBDIVISER LE RÉSULTAT D'UNE RECHERCHE EN PAGES par kimmp
Source avec Zip TIMER : SETTIMEOUT & SETINTERVAL AMÉLIORÉS par jdmcreator
Source avec Zip Source avec une capture ONGLETS ET CHANGEMENT INSTANTANÉ DE LA LANGUE par william voirol
Source avec Zip Source avec une capture COPIER DU TEXTE par m22001111
Source avec Zip DIALOGUE ENTRE FENÊTRES MÈRE ET FILLE par william voirol
Toutes les sources de la catégorie Trucs & Astuces

 Sources en rapport avec celle ci

Source avec Zip MODIFIER LE CONTENU D'UN DIV AVEC JAVASCRIPT par lecurieux41
TAILLE DE TEXTE EN FONCTION DE LA RÉSOLUTION par tefa24600
Source avec Zip CLASS BARRE DE DÉFILEMENT (SCROLLBAR) JAVASCRIPT par TheWeasel47
Source avec une capture TAILLEFONTE par tiger222
DRAG & DROP SIMPLE, SIMPLE, SIMPLE par jdmcreator

Commentaires et avis

Commentaire de FraGag le 23/05/2007 23:52:01

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...

Commentaire de rambc le 24/05/2007 11:46:50

FraGag je suis preneur d'infos sur le sujet.

Commentaire de bultez le 24/05/2007 13:43:00

peut-être ici : http://www.javascriptfr.com/codes/TAILLES-POSITIONS-OBJETS_36145.aspx ?
Cordialement.

Commentaire de rambc le 24/05/2007 14:40:08

Merci beaucoup pour le lien.

Commentaire de syllebreton le 15/03/2008 22:03:10 1/10

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.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

comment avoir le height width d'une div ... [ par GuilleW ] Disons que j'ai une div qui contient des image texte etc ... je voudrai avoir sa taille mais comme sa varie je ne peux mettre qu'une variable pour la probleme de taille en CSS sur une balise div [ par kimmelf2 ] voila ce que j'ai essaye de faire :&lt;!-- fichier index.htm --&gt;&lt;html&gt;&lt;head&gt;&lt;link href="style.css" rel="stylesheet" type="text/css"& Structure d'une page avec des DIV [ par MadM@tt ] Bonjour j'ai une question toute simple qui me résiste depuis plusieurs année !et comme je commence un nouveau site web, j'aimerais le faire propre, c' taille du scrool d'un div en overflow [ par destiny ] Bonjour,J'ai un div avec un "overflow-x:scroll". J'aimerai connaitre la taille absolue (div+srcool) de celui.j'ai essayer plusieurs choses du type :di Wysiwyg : Rechercher un mot dans un SPAN ou un DIV ??? [ par fabiano13 ] Bonjour,Je cherche a créer une fonction qui permet de rechercher un mot uniquement dans un span spécifique (&lt;span id="wsy" ContentEditable&gt;&lt;/ Bug sous IE provenant de setAttributeNode !! ? [ par sora570 ] Bonsoir à tous.Voila j'avais un problème dans mes dom sous ie ducoup j'ai décider de faire ce petit exemple tout simple qui ce comporte de cet façons: Récuperer la taille d'un DIV [ par tious82 ] Bonjour, J'ai une page dans laquelle j'ai un div (jusque là tout va bien), Je remplis ce div a l'aide d'une fonction Ajax ( tout va bien encore! ) L Besoin d'aide pour CSS [ par PROTECTIONNISTE ] Bonjou,Je bloque sur un probleme en CSSj'ai un bloc conteneur d'une taille aleatoire.à l'interieur un sous conteneur lui fais 100% de la largeur du co Comment faire apparaître un div au dessus d'un autre div en ayant la même taille ? [ par fabiano13 ] Bonjour,Comment faire apparaître un div au dessus d'un autre div en ayant la même taille ?Sachant que le div principal change de taille.D'avance merci Editeur wysiwyg dans un div [ par picolo220 ] Bonjour, je suis en train d'essayer de réaliser un éditeur wysiwyg.Pour l'instant je m'intéresse seulement à firefox, je verrai plus tard pour IE.J'ai


Nos sponsors


Sondage...

Comparez les prix


Samsung LE26B350 LCD
Entre 359€ et 417€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Underwater View of the Ocean With LIght Shining Through the WavePhoto Monument Valley Utah known as The Mittens
Photo Framed Landscape Image of Monument Valley 

Visiter la photothèque
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,888 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)