Obtenir la taille en pixel du texte d'un bouton ou ...

tepaze

15 May 2011 à 20:46

Bonjour,

Je cherche à avoir un bouton dont la taille s'ajuste au plus pres en fonction du texte (qui change) qu'il contient, en javascript (à priorit).

Pour l'instant je fais :
truc.size = truc.value.length;

Mais c'est loin d'être ideal...

Merci

lddsoft

16 May 2011 à 06:27

Bonjour,

Je ne vois pas très bien ce que tu veux dire, car si on change dynamiquement la "value" d'un bouton de type "button", le bouton s'adapte automatiquement en largeur.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Taille du bouton</title>
<script type="text/javascript">
	function changer_texte(){
		document.getElementById('bouton').value = "Montrer le résultat";
	}
</script>
</head>
<body>
<form action="#">
<input type="button" value="Montrer" id="bouton" onclick="changer_texte();">
</form>
</body>
</html>

Une idée à creuser peut-être : http://www.webcssdesign.com/css/22-tutoriels-pour-boutons-css/
Le texte du bouton serait à modifier par JS, mais la taille du bouton s'adaptera automatiquement.

Cordialement
Modifié par lddsoft (17 May 2011 - 06:52)