Changer la taille de la police via Javascript

Version imprimable

21/07/2008, 09h56
SweetLeaf

Changer la taille de la police via Javascript

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.
21/07/2008, 10h13
le_chomeur

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

Code:

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

par exemple
21/07/2008, 14h17
SweetLeaf

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 ?
21/07/2008, 14h37
le_chomeur

input sur plusieurs lignes => textarea

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

Code:

style.fontFamily = " Times New Roman, Times, serif";
21/07/2008, 14h53
SweetLeaf

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

Mais en ce qui concerne la taille de la police... ça ne marche pas cela ne me modifie que la taille du input.
21/07/2008, 15h11
SweetLeaf

... j'ai dit une bêtise ?? :mrgreen:
21/07/2008, 15h28
SpaceFrog

la taille de l'input et la taille de la police sont intimement liés ...
essaye de modifier le lineHeight ?
21/07/2008, 15h32
SweetLeaf

euh g mis ca :

Code:

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é... :oops:

bon j'ai mis ca :

Code:

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

ou ca :

Code:

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

Mais toujours aucun changement... :(
21/07/2008, 15h46
le_chomeur

sur un input de type texte ça ne changera rien :)
21/07/2008, 15h48
SpaceFrog

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 ...
21/07/2008, 15h50
SweetLeaf

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.
21/07/2008, 15h52
SpaceFrog

Code:

onmouseover="this.style.width=200px";
21/07/2008, 16h16
SweetLeaf

8O euh... comment on met un evenement ?

Code:

document.BaliseInuptLib.event = onmouseover

:?

Code:

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;}

21/07/2008, 16h26
SweetLeaf

rien ne se passe...

Code:

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>

21/07/2008, 16h45
SweetLeaf

Bon je pense que c'est pas possible alors j'ai mis un textarea.
Merci quand même !!
Ciao.
21/07/2008, 16h47
SweetLeaf

Merci Spacefrog pour la réponse je n'ai pas tester ton code car je doit passer a la suite mon boss est pressé ! :?

Merci a tous !!