comment changer la police face, couleur, taille, ... en utilisant javascript

j'ai un textarea, veux maintenant fournir à l'utilisateur avec facilité pour changer la taille de la police, le style, etc. lorsque je clique sur un bouton, il devrait pop-up la boîte de dialogue de police.comment changer la police face, couleur, taille, ... en utilisant javascript

<html> 
    <body> 
    <form name="abc"> 
    <textarea name="text">loaded text here</textarea> 
    <input type="button" onClick=""> chnage font 
    </form> 
    </body> 
    </html>

i trouvé le code thid dans http://www.smokyhosts.com/forums/showthread.php?t=740 par Lixas mais il change la hauteur du champ de saisie et de la largeur quand je change la taille du texte

<html> 
<head> 
    <style type="text/css"> 
     body, td, tg, input, select { 
      font-family: Verdana; 
      font-size: 10px; 
     } 

</style> 
</head> 
<body onload="initPosition(document.forms[0].txtLayoutViewer)"> 
<form> 
Change Font Size: 
<select onchange="this.form.txtLayoutViewer.style.fontSize = this.options[this.selectedIndex].value; initPosition(this.form.txtLayoutViewer);"> 
<option value="10">10px</option> 
<option value="12">12px</option> 
<option value="14">14px</option> 
<option value="16">16px</option> 
<option value="18">18px</option> 
<option value="20">20px</option> 
<option value="24">24px</option> 
<option value="36">36px</option> 
</select> 


<textarea name="txtLayoutViewer" rows="15" cols="75" wrap="off">Any text u want to see how it changes.</textarea> 
</form></body></html>

Thanx au changement Christian textarea ne marche pas maintenant ... en utilisant la méthode similaire -il possible de changer le style de police de texte (comme gras, italique, régulier, gras italique) et le visage de police (fois nouveau roman, écriture lucida) ????

Merci à l'avance

-subanki

Source

2010-07-12 subanki

avez-vous déjà attaché quelque chose? – meo

Vous pouvez préférer utiliser TinyMCE http://tinymce.moxiecode.com/ au lieu de ré-implémenter la roue. – Metalshark

Dans quel but? Est-ce juste pour que l'utilisateur puisse sélectionner la police lors de la saisie, ou prévoyez-vous d'afficher le texte pour les autres utilisateurs utilisant la police spécifiée? Vous pouvez changer la police pour toute la zone de texte, mais pas pour une partie du texte. – Guffa

pour empêcher la taille beeing a changé à partir du deuxième exemple, vous devez définir la largeur et la hauteur au lieu de lignes et Col..

<textarea name="txtLayoutViewer" style="width:500px;height:300px" 
         wrap="off"> 
    Any text u want to see how it changes. 
</textarea>

en utilisant css propre serait un peu plus propre.

Source

2010-07-12 10:53:30 Christian

Thanx beaucoup ami – subanki

comment changer la police face, couleur, taille, ... en utilisant javascript

Répondre

Questions connexes