Votre question

[RESOLU] HTML => Balise DIV Calcul de la hauteur en px !

Tags :
  • Html
  • Programmation
Dernière réponse : dans Programmation
24 Juillet 2006 16:11:15

Est il possible de récupéré la hauteur en px du texte d'une balise DIV ???

Ou si autre solution à partir d'autre balise ?

Merci

Autres pages sur : resolu html balise div calcul hauteur

24 Juillet 2006 17:09:22

Si tu disais ce que tu souhaite obtenir ...
25 Juillet 2006 08:30:36

Je souhaite tout simplement faire défiler mon texte (verticalement), des news plus précisement donc d'une longueur et surtout d'une hauteur totalement aléatoire...
Contenus similaires
25 Juillet 2006 11:24:42

:bounce: 

Je vous pose une colle ???

Au pire jfré une fonction PHP qui compte le nombre de caractères mais bon...

Merci ;) 
25 Juillet 2006 11:55:31

Oui, mais à ce moment là, il faudrait fixer la taille des caractères. Car, la taille de police peut changer selon le navigateur et les désirs du visiteur.
25 Juillet 2006 12:00:44

Oui bah c'est moi qui la fixe, pour le problème de la largeur des différents caractères on va dire que je suis pas à 50px près ! ;) 
25 Juillet 2006 12:20:10

Bon j'ai trouvé :


  1. var nb_caracteres = document.getElementById('NOM_ID').firstChild.nodeValue.length


On divise par le nb de carac par lignes et multiplie par le nombre de px par ligne !

Voila,

Merci qd même !!!! :-D
25 Juillet 2006 12:45:13

Manque la gestion des retour chariot :( 

Comment calculer le nombre de retour chariot d'une chaine...

La comparaison avec \n n'a pas l'air de fonctionner !
25 Juillet 2006 13:56:21

Voila une solution :
  1. var taille_texte = 0;
  2.  
  3. var tab = document.getElementById('news').firstChild;
  4.  
  5. while(tab != null){
  6. while(tab == '[object HTMLBRElement]'){
  7. taille_texte += 150;
  8. tab = tab.nextSibling;
  9. }
  10.  
  11. taille_texte += tab.nodeValue.length;
  12. tab = tab.nextSibling;
  13. }
  14.  
  15. taille_texte = (taille_texte / NB_CARACTERE_LIGNE) * NB_PX_LIGNE;


Voilou
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS