[JS] Taille d'une string en px

Version imprimable

30/06/2006, 18h23
Shivan

[JS] Taille d'une string en px
Salut

J'ai un petit probléme. J'ai une listbox contenant plusieurs option :
Code:

1 2 3 4 <select name="index:form:listUserRoot:listUser:_id53" size="1"> <option value="Panne identifié par un Technicien">Panne identifié par un Technicien</option> </select>
Je voudrais ajuster la taille de la listbox par rapport à son <option> la plus longue.

Donc je recupere mon objet listbox je lui met une nouvelle taille... ça pas de probléme.

Mais quelle taille lui mettre ? il faudrait que je calcule la taille en pixel du plus grand text de la list box ? Peut-on connaitre la taille d'une chaine de caractére en pixel ?

Merci de votre aide
03/07/2006, 08h45
SpaceFrog

en bidouillant oui ...
genre mettre ton texte dans un div de 10px de large en overflow auto ...
puis récupérer son scrollWidth

mmhmhmh ...
en fait cette solution ne marcherait que si l'on arrivait à éviter le retour ligne automatique dans le div ...
alors j'ai contourné le problème en prenant la largeur du div en display inline ...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <script type='text/javascript'> function textWidth(mytext){ document.getElementById('test').innerHTML=mytext return document.getElementById('test').offsetWidth } </script> </head> <body> <div id="test" style="display:inline;"></div> <input type='text' id='saisie' /> <input type='button' onclick="alert(textWidth(document.getElementById('saisie').value))" value='largeur pixels' />
Attention toutefois d'avoir la même taille et fonte de police dasn le select et dasn le div ...

une solution plus simple est d'avoir une police à espacement constant et en connaitre la largeur d'un caractère, ensuite il suffit de recupérer la longueur du texte et de multiplier ...

03/07/2006, 09h41
javatwister

je ne comprends pas bien: Ffx comme IE s'adaptent à l'option la plus longue, non?
03/07/2006, 10h06
SpaceFrog

pfff t'est vraiment un rabat joie JT :lol:
t'aurais pas un script à debugguer ailleurs ? ;)
03/07/2006, 14h07
Shivan

Merci pour ton aide SapceFrog, ton idée etait excellente. Mais apres aoir lu la réponse de JT, je me suis demandé pourquoi mes select ne s'adaptaient pas. J'avais en faites un width 100% sur mes selects dans mon fichier CSS. Donc en l'enlevant j'ai reslou mon probléme. :D

Donc dsl spacefrog de t avoir fait faire des scripts pour rien :? . Et merci JT pour ta remarque
03/07/2006, 14h16
SpaceFrog

Ceci étant ce n'est pas un script pour rien car il permet de calculer la longeur d'un texte ce qui peut s'avérer utile dasn certains cas ...
Je paufine le script et je le colle dans la FAQ ...