Objet zone de texte javascript

Comment changer la taille d'une zone de texte avec le javascript?
ou
Quels sont les événements relatifs au forme de type zone de texte?

Explication


Objet Zone de Texte:
Le syntaxe suivant sert à obtenir l'objet zone de texte en javascript
Syntaxe: document.nomdelaforme.zonedetexte
Exemple de Code:
<form name=testform>
<textarea name=textn > testing text area </textarea>
</form>
<script language="javascript">
var cbobject= document.testform.textn;
</script>

Suivant des événements, propriétés et méthodes dom relatifs au élément texte.
Module de commande d'événement: Relatif au forme de type zone de texte
Tous les exemples qui suivent utilisent la fonction javascript output
<script language=javascript>
fonction output()
{
alert("test de zone de teste");
}
</script>
Module de commande d'événementDéscriptionExemple
onMouseOver La fonction onMouseOver est appelée quand la souri se trouve sur la zone de texte <textarea name=textn onMouseOver="output()"> testing text area </textarea>
Résultat:
onMouseDown La fonction onMouseDown est appelée quand on appuye sur la touche de la souri quand le curseur se trouve sur la zone de texte <textarea name=textn onMouseDown="output()"> testing text area </textarea>
Résultat:
onMouseUp La fonction onMouseUp est appelée quand on relache la touche de la souri sur la zone de texte <textarea name=textn onMouseUp="output()"> testing text area </textarea>
Résultat:
onClick La fonction onClick est appelée quand on appuye sur la touche de la souri resp_codens la zone de texte <textarea name=textn onClick="output()"> testing text area </textarea>
Résultat:
onBlur onBlur exécute des codes quand la zone texte perd la sélectionen utilisant la touche tab <textarea name=textn onBlur="output()"> testing text area </textarea>
Résultat:
onFocus onFocus exécute des codes quand la zone de texte est sélectionné avec la touche tab <textarea name=textn onFocus="output()"> testing text area </textarea>
Résultat:

Propriétés DOM:
Suivant une liste des propriétés DOM (Dynamic Object Model) qui servent à obtenir et modifier les propriétés de zone de texte avec le javascript.
Les exemples qui suivent sont selon la forme utilisée
<form name=form1>
<textarea name=textn> testing text area </textarea>
</form>
Propriété DOMDéscriptionExemple
defaultValue Sert à établir la valeur par défaut de la zone de texte Pour l'Obtenir:
var ss = document.form1.textn.defaultValue;
form Sert à obtenir le point noresp_codel parent (form object) de la zone de texte noresp_codele Pour l'Obtenir:
var ss = document.form1.textn.form;
name Sert à obtenir le nom de la zone de texte Pour l'Obtenir:
var ss = document.form1.textn.name;
type Sert à connaître le type de forme Pour l'Obtenir:
var ss = document.form1.textn.type;
value Sert à obtenir ou à configurer la valeur d'une zone de texte Pour l'Obtenir:
var ss = document.form1.textn.value;
Configuration::
document.form1.textn.value = "testy";
size Sert à obtenir ou à configurer la taille d'une zone de texte Pour l'Obtenir:
var ss = document.form1.textn.size;
Configuration::
document.form1.textn.size = 4;
readOnly Sert à vérifier ou à changer la propriété lecture seul. Les utilisateurs sont incapable d'inserer des textes si la valeur de la zone de texte est sur readonly. Pour Cocher:
var ss = document.form1.textn.readOnly;
Configuration::
document.form1.textn.readOnly = true;

Méthodes DOM:
Suivant une liste de méthode DOM (Dynamic Object Model) qui servent à faire des changements dynamiques comme la sélection d'une zone de texte avec le javascript.
Méthode DOMDéscriptionExemple
select() Sert à sélectionner une zone de texte Pour sélectionner:
document.form1.textn.select();
blur() Sert à griser la zone de texte Pour Griser:
document.form1.textn.blur();
focus() Sert à mettre la sélection sur la zone de texte Pour Sélectionner:
document.form1.textn.focus();

Exemple: Sélectionner la zone de texte quand le cursuer de la souri y passe dessus
<script language=javascript>
fonction rbevent()
{
var xx = document.xx.testarea.focus();
}
</script>

<form name=xx>
<textarea name=testarea> Test de zone de texte </textarea>
<input type=button name=rbtest onMouseOver="rbevent()">
</form>
Résultat: