Tom's Guide > Forum > Programmation > [RESOLU] HTML => Balise DIV Calcul de la hauteur en px !

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

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

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

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

Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

Si tu disais ce que tu souhaite obtenir ...

Répondre à okinou

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

Répondre à MouT59

:bounce:

Je vous pose une colle ???

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

Merci ;)

Répondre à MouT59

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.

Répondre à Sethpolma

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 ! ;)

Répondre à MouT59

Bon j'ai trouvé :


Code :
  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

Répondre à MouT59

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 !

Répondre à MouT59

Voila une solution :

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



Voilou

Répondre à MouT59
Tom's Guide > Forum > Programmation > [RESOLU] HTML => Balise DIV Calcul de la hauteur en px !
Aller à :

Il y a 2302 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens