Changer la taille de la police via Javascript

**SweetLeaf** · 21/07/2008, 09h56

Bonjour tout le monde !

Voila j'ai enfin réussi, grâce a l'aide précieuse de SpaceFrog, à créer un formulaire via une fonction javascript. Mais j'ai maintenant un autre souci, mes libelle d'article sont bcp trop grand et j'aurais voulu savoir si il était possible de mettre le libelle sur deux ligne et de changer la taille de la police de mon input que je vient juste de créer ?

Merci d'avance !! Ciao.

**le_chomeur** · 21/07/2008, 10h13

oui , en récupérant ton input via son id par exemple :

Code :

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

document.getElementById('idinput').style.fontSize = "11px";

par exemple

**SweetLeaf** · 21/07/2008, 14h17

Merci pour la réponse mais ta méthode ne modifie pas la police mais la taille de l'input. Et aussi saurait-tu comment mettre l'input sur deux ligne ?

**le_chomeur** · 21/07/2008, 14h37

input sur plusieurs lignes => textarea

oui celachange la taille de la police , sinon si tu souhaites modifier la police :

Code :

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

style.fontFamily = " Times New Roman, Times, serif";

**SweetLeaf** · 21/07/2008, 14h53

bien vu pour le textarea je n'y pensez plus !

Mais en ce qui concerne la taille de la police... ça ne marche pas cela ne me modifie que la taille du input.

**SweetLeaf** · 21/07/2008, 15h11

... j'ai dit une bêtise ??

**SpaceFrog** · 21/07/2008, 15h28

la taille de l'input et la taille de la police sont intimement liés ...
essaye de modifier le lineHeight ?

**SweetLeaf** · 21/07/2008, 15h32

euh g mis ca :

Code :

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

document.getElementById('libarticle').style.ineHeight = "2px";

mais ça ne change rien. J'ai fait une erreur ?

pas etonant que ca marche pas si j'oubli la moitié...

bon j'ai mis ca :

Code :

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

document.getElementById('libarticle').style.lineHeight = "20px";

ou ca :

Code :

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

document.getElementById('libarticle').lineHeight = "20px";

Mais toujours aucun changement...

**le_chomeur** · 21/07/2008, 15h46

sur un input de type texte ça ne changera rien

**SpaceFrog** · 21/07/2008, 15h48

je ne comprends pas que tu veuilles changer la taille de la police et pas celle de l'input ...
on ne verra pas le texte ...

**SweetLeaf** · 21/07/2008, 15h50

c'est pour voir le libelle de mon article en entier sans pour autant agrandir le input parce que je n'ai pas la place.

**SpaceFrog** · 21/07/2008, 15h52

Code :

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

onmouseover="this.style.width=200px";

**SweetLeaf** · 21/07/2008, 16h16

euh... comment on met un evenement ?

Code :

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

document.BaliseInuptLib.event = onmouseover

**SpaceFrog** · 21/07/2008, 16h19

Code :

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

1
2
3
document.BaliseInuptLib.onmouseover=function(){this.defaultWidth=this.style.offsetWidth;
this.style.width="200px"}
document.BaliseInuptLib.onmouseout=function(){this.style.width=this.defaultWidth;}

**SweetLeaf** · 21/07/2008, 16h26

rien ne se passe...

**SpaceFrog** · 21/07/2008, 16h40

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type='text/javascript'>
function foo(){
document.getElementById('BaliseInputLib').onmouseover=function(){
this.style.width="400px";
}
 
document.getElementById('BaliseInputLib').onmouseout=function(){this.style.width=this.dWidth;}
}
</script>
</head>
 
<body onload="foo()" >
<input type='text' dWidth="100px" value="mkjlkj mlkj mlkj mlkjmlkjmlkjmlkjmlkjmlkj  mlkjmlkj mlkj  " id="BaliseInputLib" /> 
</body>