Taille d'un champs par rapport à son nombre de caractères, sa police et sa taille de police [Résolu]

[TokTokTok]

Bonjour tout le monde,

J'ai un soucis, et l'ami Google ne m'aide pas trop. J'utilise une API Javascript qui me crée un liste <ul><li> dynamiquement. Je peux récupérer le nombre de caractère pour chaque champs <li>, la police et la taille de la police à chaque fois que ma liste change ...

Je peux fixer la taille dans ma liste en dur, mais ce que j'aimerais, c'est pouvoir la changer dynamiquement de le changement de la liste, afin qu'elle soit pile poil à la bonne taille de la valeur la plus grande se trouvant dans mes champs li (afin de ne pas faire de marge importante ni de couper les champs de ma liste).

Ainsi, la question du se trouvant dans le titre: est il possible de connaitre en JavaScript la taille visuelle d'un champs en connaissant uniquement son nombre caractère, sa police et sa taille de police ?

Je vous remercie d'avance pour vos commentaires.

[andry.aime]

Bonjour,
un width:auto ne marche pas?

A+.

[Bovino]

Comment connaitre la taille que prendra un texte ?

A quoi ça sert que Spaffy se décarcasse ?

[TokTokTok]

Envoyé par andry.aime

Bonjour,
un width:auto ne marche pas?

A+.

C'est une bonne idée, mais malheureusement cela marche pas. (ou je l'utilise mal ...)

Envoyé par Bovino

Comment connaitre la taille que prendra un texte ?

A quoi ça sert que Spaffy se décarcasse ?

Oui, j'avais aussi essayé avec des offsetWidth mais cela retourne toujours la valeur maximum de l'écran, peut être que cela ne marche pas sur des balises <li> ?

J'attache en lien un peu de code, pour me faire mieux comprendre. L'objectif serait de minimisé l'écran bleu qui s'adapte à la taille du texte.

[Bovino]

peut être que cela ne marche pas sur des balises <li> ?

Une balise <li> est de type bloc et prend donc toute la largeur disponible par défaut...

[SpaceFrog]

D'ou l'utilisation dans mon décarcassage d'une balise div en display inline qui peut etre remplacée par une balise span créée et supprimée dynamiquement

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type='text/javascript'>
		function textWidth(mytext){
		var testdiv=document.createElement('span');
		testdiv.innerHTML=mytext;
		testdiv.style.border=0;
		testdiv.style.margin=0;
		testdiv.style.padding=0;
		testdiv.id='test'
 
		document.body.appendChild(testdiv)
		getwidth=document.getElementById('test').offsetWidth +"px";
		document.body.removeChild(testdiv)
		return getwidth
 
}
 
alert(textWidth('kjh kljh ljkhlkjhlk'))
</script>
</script>

[TokTokTok]

Même si ce n'est pas la réponse que je souhaitais, merci pour vos réponses toujours aussi rapide et complète ...

[SpaceFrog]

deux possibilités:
soiut tu passer le conteneur en display inline et il s'adptera en largeur au contenu
soit tu en forces la lergeur après avoir recupéré la largeur du texte ...

Même si ce n'est pas la réponse que je souhaitais,

?

[pendoRa]

Bonjour,
je me permet de poster ici pour éviter de re-créer un topic similaire.

J'ai un formulaire Access avec plusieurs champs à remplir. Je souhaite laisser libre le nombre de caractère a la saisie mais lors de l'enregistrement dans la base ne prendre que les "x" premiers caractères. J'ai chercher dans l'immense FAQ qui regroupe Access et VBA... en vain.

Comment procéder ?


Merci

[SpaceFrog]

si le contenu est plus long que la taille du champs de la base il le tronquera tout seul ...

sinon substr

[pendoRa]

Ouil il tronquera tout seul, mais je ne souhaite pas avoir le message d'erreur le signalant. Donc le tronquer via le source pour couper précisément chaque champs a la bonne taille.
De plus je me suis renseigné sur substr, et certains disent que cette fonction n'est dispo que pour .net, vrai ?
Je travail sur VBA Access 2003.

[SpaceFrog]

heu ici c'est le forum javascript ...
substr existe bien en javascript ...

au pire mets un maxdLength sur l'input

[pendoRa]

Merci SpaceFrog, je vais voir ca. Désolé ayant effectué la recherche dans le forum VBA, je pensais que ce post était dans le forum VBA

Bonne journée et meilleurs voeux