Básico HTML forma área de texto
Objeto Area de texto :
La siguiente sintasis podrá tomar un objeto de TextArea en javascript
Sintasis: document.formname.textarea
Código Ejemplo:
<form name=testform>
<textarea name=textn > testeando area de texto </textarea>
</form>
<script language="javascript">
var cbobject= document.testform.textn;
</script>
Aquí los eventos, propiedades dom y métodos asociados con Text element.
Captadores de Eventos: Asociados con formas de Area de texto
Todos los ejemplos usan una función javascript output
<script language=javascript>
function output()
{
alert("testeando area de texto ");
}
</script>
| Tratante de acontecimiento | Descripción | Ejemplo |
| onMouseOver | onMouseOver se invoca cuando
un ratón se mueve sobre el área de texto |
<textarea name=textn onMouseOver="output()"> testing text area </textarea>
Resulta:
|
| onMouseDown | onMouseDown se invoca cuando
un ratón es presionado en el interior del área de texto |
<textarea name=textn onMouseDown="output()"> testing text area </textarea>
Resulta:
|
| onMouseUp | onMouseUp se invoca cuando se pulsa el ratón en el interior del área de texto y puesto en libertad |
<textarea name=textn onMouseUp="output()"> testing text area </textarea>
Resulta:
|
| onClick | onClick se invoca cuando
un clic del ratón se realiza en el interior del área de texto |
<textarea name=textn onClick="output()"> testing text area </textarea>
Resulta:
|
| onBlur | onBlur Ejecuta código cuando el área de texto pierde el foco utilizando ficha
|
<textarea name=textn onBlur="output()"> testing text area </textarea>
Resulta:
|
| onFocus | onFocus Ejecuta código cuando el área de texto recibe el foco utilizando ficha
|
<textarea name=textn onFocus="output()"> testeando area de texto </textarea>
Resulta:
|
DOM Propiedades:
Listado de propiedades DOM (Dinámico Objeto Modelo) que pueden ser usados para captar y alterar propiedades en javascript.
Ejemplos basados en el formulario
<form name=form1>
<textarea name=textn> testeando area de texto </textarea>
</form>
| DOM Propiedades | Descripción | Ejemplo |
| defaultValue | Utilizado para obtener y establecer el valor predeterminado del área de texto |
To Get:
var ss = document.form1.textn.defaultValue;
|
| form | Utilizado para conseguir el nodo del padre (objeto de la forma) de este nodo del área de texto |
To Get:
var ss = document.form1.textn.form;
|
| name | Utilizado para conseguir el nombre de TextArea |
To Get:
var ss = document.form1.textn.name;
|
| type | Utilizado para conseguir el tipo de forma |
To Get:
var ss = document.form1.textn.type;
|
| value | Utilizado para fijar o para conseguir valor del área de texto |
To Get:
var ss = document.form1.textn.value;
To Set::
document.form1.textn.value = "testy";
|
| size | Utilizado para fijar o para conseguir tamaño del área de texto |
To Get:
var ss = document.form1.textn.size;
To Set::
document.form1.textn.size = 4;
|
| readOnly | Se utiliza para comprobar o cambiar la propiedad lectura.
Los usuarios no pueden entrar en cualquier valor si el área de texto se establece como readonly. |
To Check:
var ss = document.form1.textn.readOnly;
To Set::
document.form1.textn.readOnly = true;
|
DOM Metodos:
Listado de métodos DOM (Dinámico Objeto Modelo) que pueden ser usados para realizar cambios dinámicos como selección dinámica de un text area usando javascript.
| DOM Método | Descripción | Ejemplo |
| select() | Se utiliza para seleccionar dinámicamente un área de texto |
To Select:
document.form1.textn.select();
|
| blur() | Se utiliza para realizar dinámicamente el área de texto borroso |
To Blur:
document.form1.textn.blur();
|
| focus() | Se utiliza para obtener dinámicamente se centran en el área de texto |
To Focus:
document.form1.textn.focus();
|
Ejemplo: realizando un area de texto con un botón con la función Mouse Over
<script language=javascript>
function rbevent()
{
var xx = document.xx.testarea.focus();
}
</script>
<form name=xx>
<textarea name=testarea> testeando area de texto </textarea>
<input type=button name=rbtest onMouseOver="rbevent()">
</form>
Resulta:
| 
Introducción
