Aviso

Esta es la antigua versión de este blog para acceder a la nueva pulse en este enlace: http://www.davidnebreda.com/blog/

viernes, 16 de marzo de 2007

Aplicación Sencilla en Javascript

Hola Mundo:

Hoy voy a dedicar este espacio de mi Blog a realizar una Simple Aplicación en Javascript . Ya se que los listillos del Mundo tecnológico (Entre los que me encuentro) no les hará falta este tipo de mini edades pero para la gente que quiere comenzar en esto es una gran ayuda.

Primeramente realizaremos una sencilla página HTML que consistirá en un rótulo y una lista de selección que contendrá nombres de personas

El código es el siguiente:




Y el Resultado es este:





Comentando el código vemos que para realizar la lista de selección se usa la etiqueta
<select></select>, Esta etiqueta es la que nos visualiza la lista de selección.

Entre esa etiqueta están las etiquetas OPTION:





Las etiquetas Option nos permitirá visualizar las diferentes opciones de la Lista de selección, está etiqueta tiene también el atributo value que sirve para asignar un valor a item de la lista.

Seguidamente iremos al código Javascript.





Normalmente (No Siempre) este código se coloca entre la etiqueta de cabecera de la Página y se coloca entre etiquetas






con el atributo Language para indicar en que lenguaje de Cliente estamos Trabajando.


Observando el código hemos creado un función con la cláusula Function y con un Nombre GetNombre y le pasamos el parámetro obj, cuando se entra en la función lo que hace es sacar la típica ventana de mensaje con el valor del parámetro pasado.

Si volvemos a la lista de selección vemos que dentro de ella está el atributo onChange:





Este atributo es el indicador del evento a ejecutar la función, en este caso cuando se selecciona una opción de la lista y lo que se pasa es la función Javascript creada anteriormente y el parámetro this que indica el objeto actual, es decir la lista de selección lo que ejecutará será el valor seleccionado en la lista indicado por el atributo value de las etiqueta Option llegando a este resultado.



Bueno espero que este humilde ejemplo os haya servido de algo. Feliz Fin de semana.






CIAO.

No hay comentarios: