[JS] Taille d'une string en px

**Shivan** · 30/06/2006, 18h23

Salut

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**SpaceFrog** · 03/07/2006, 08h45

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

**SpaceFrog** · 03/07/2006, 08h58

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**javatwister** · 03/07/2006, 09h41

je ne comprends pas bien: Ffx comme IE s'adaptent à l'option la plus longue, non?

**SpaceFrog** · 03/07/2006, 10h06

pfff t'est vraiment un rabat joie JT

t'aurais pas un script à debugguer ailleurs ?

**Shivan** · 03/07/2006, 14h07

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.

Donc dsl spacefrog de t avoir fait faire des scripts pour rien

. Et merci JT pour ta remarque

[JS] Taille d'une string en px

JavaScript

Vue hybride

Discussions similaires

Partager

Partager