Accueil > > > TAILLE D'UN <DIV> OU <SPAN>
TAILLE D'UN <DIV> OU <SPAN>
Information sur la source
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
Commentaires et avis
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 :<!-- fichier index.htm --><html><head><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 (<span id="wsy" ContentEditable></
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:
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
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
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
|
Derniers Blogs
COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE?COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE? par Matthieu MEZIL
Avec EF, les vues doivent être mappées sur des entity types. Le problème c'est que les entity types doivent avoir une clé. Avec EF, nous avons les complex type qui n'ont pas de clé mais les vues ne peuvent pas être mappées dessus. Avec EF4, il est possibl...
Cliquez pour lire la suite de l'article par Matthieu MEZIL [WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL?[WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL? par JeremyJeanson
Certain d'entre vous on peut être vécu cette situation embarrassante après quelques temps passer avec WF4 : Au début avec mon " ActivityDesigner" , tout allait bien. Et puis un jour j'ai au des problèmes de " Binding" . Alors nous sommes allé sur le site ...
Cliquez pour lire la suite de l'article par JeremyJeanson MYTIC - SHAREPOINT 2010 : DéJà UN MYTHE MICROSOFT ?MYTIC - SHAREPOINT 2010 : DéJà UN MYTHE MICROSOFT ? par junarnoalg
La prochaine session de MyTIC aura lieu à Namur, le 23 mars prochain. Pendant presque une heure, nous parlerons de SharePoint 2010. Voici un aperçu du programme.
Accueil : 17h30 Début de la session : 18h00 - Les nouvelles int...
Cliquez pour lire la suite de l'article par junarnoalg
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|