Página inicial  

trans_770 trans_160

Unidad 20. ActionScript - Formularios (V).


Otras propiedades de los Formularios

 

Además de todo lo que hemos visto existen, también, otras propiedades bastante interesantes.

Por ejemplo, el orden de tabulación. Esta propiedad establece como actúa el cursor a las repetidas pulsaciones de la tecla Tabulador.

Podemos alterar el orden utilizando la propiedad tabIndex. Esta propiedad indicará el orden en el que se desplazará el cursor cada vez que pulsemos el Tabulador:

nombre_txt.tabIndex = 1;

mail_txt.tabIndex = 2;

mensaje_txt.tabIndex = 3;

reset_btn.tabIndex = 4;

submit_btn.tabIndex = 5;

 

También podemos establecer dónde colocar el cursor (o foco) escribiendo la siguiente línea:

Selection.setFocus(nombre_txt);

Fácil ¿verdad?

 

De este modo en las validaciones que vimos antes podemos hacer lo siguiente:

if (mail_txt.text.length == 0) {

	Selection.setFocus(mail_txt);

	Alert.show("Introduce tu correo electrónico", "Error", Alert.OK);

	return false;

}

Así si no se ha rellenado algún campo el foco se sitúa directamente sobre él para que el usuario lo rellene sin tener que desplazarse.

 

También podemos establecer el botón predeterminado del formulario para que cuando se pulse la tecla Intro sea como si hiciésemos clic en él. Escribe la siguiente línea:

focusManager.defaultPushButton = submit_btn;

De esta forma haremos que el botón predeterminado sea submit_btn.

 


Estilos CSS

 

Podemos asignar estilos CSS al contenido de una caja de texto que acepte HTML.

Por ejemplo, nosotros en el área de texto comentarios_txt tenemos algo parecido a esto:

<a href="mailto:ana@correo.com">ana</a>: <span class="mensaje">si actualizo aquí se verá en otra ventana?</span>

<br />

<a href="mailto:jesus@correo.com">jesús</a>: <span class="mensaje">pues ya estamos todos</span>

<br />

<a href="mailto:emilio@correo.com">emilio</a>: <span class="mensaje">yo también me apunto</span>

<br />

<a href="mailto:david@correo.com">david</a>: <span class="mensaje">bien, pero trae algo para cenar, no tengo nada en la nevera</span>

<br />

Obviamente, como el componente admite HTML no veremos el código, sino directamente su salida. Pero podríamos asignarle el siguiente estilo para mejorar la visualización:

a {

	font-weight: bold;	

}



.mensaje {

	font-style: italic;

}

 

Guardaremos este estilo en un archivo llamado estilo_comentarios.css. Pero, ¿cómo hacemos para vincularlo al área de texto?

Fácil. Basta con declarar un nuevo objeto del tipo TextField.StyleSheet y asociarlo a comentarios_txt.

Para hacer esto escribimos:

var miHojaEstilo:TextField.StyleSheet = new TextField.StyleSheet();

miHojaEstilo.onLoad = function(exito:Boolean) {

	if (exito) {

		comentarios_txt.styleSheet = miHojaEstilo;

	}

}

miHojaEstilo.load("estilo_comentarios.css");

Cuando se efectúa la carga del archivo, si se realiza con éxito, se asociará a la propiedad styleSheet de comentarios_txt.

Y ya tendremos nuestro campo de texto formateado.

 

Podemos cambiar esta propiedad en cualquier momento, de modo que cuando se asocie una nueva hoja de estilo mediante la siguiente línea, el contenido del área de texto se redibujará para tomar el nuevo formato.

miHojaEstilo.load("estilo_alternativo.css");


Incorporar Fuentes

 

Otro de los problemas con los que nos toparemos cuando trabajemos con flash serán las fuentes que utilicemos.

Solamente deberás incluir en tu proyecto aquellas fuentes que quieras utilizar para los textos dinámicos y de entrada, pues Flash se encargará de gestionar aquellas que utilices en los estáticos.

Para incorporar una fuente en tu película deberás hacer clic derecho en alguna parte vacía de la Biblioteca y seleccionar Nueva fuente.

Se abrirá el siguiente cuadro de diálogo:

Incluyendo la fuente

En el desplegable Fuente selecciona la fuente que deseas utilizar. Deberás seleccionar los estilos que vas a utilizar (Negrita, Cursiva y Tamaño), de lo contrario la fuente no estará disponible.

Dale un nombre, que se mostrará en la Biblioteca y estará lista para utilizarse.

 

Cuando crees un campo de texto dinámico o de entrada selecciona la fuente que aparecerá señalada con un asterisco (*).

Seleccionando la fuente

Y no tendrás más problemas en visualizarlas en equipos en los que no se encuentren instaladas.

 

  Ejercicios del Tema 20

  Prueba evaluativa del Tema 20.



     


© aulaClic. Todos los derechos reservados. Free Computer tutorials. Prohibida la reproducción por cualquier medio.
Septiembre - 2007.