En ocasiones nos interesará detener una petición al servidor desde el cliente. Por ejemplo, cuando el usuario elimina un registro desde la interfaz de pantalla y antes de realizar la llamada al servidor, le preguntamos con un alert() si está seguro de que quiere eliminar el registro. O también, cuando validamos algún tipo de dato y en caso de no pasar la validación evitaremos el código de servidor.
Esta funcionalidad se puede implementar de varias formas diferentes, aquí veremos una de ellas. Supongamos la siguiente interfaz de usuario.
Es muy simple, el usuario escribe su nombre y pulsa el botón para recebir un saludo, pero antes le preguntamos si desea recibirlo.
En primer lugar vamos a ver el código HTML de nuestra interfaz que tiene algunos detalles muy interesantes.
<div> Nombre: <input&n...
[More]
En las aplicaciones Web es habitual tener un menú principal, normalmente horizontal, en la cabecera de la página. Este menú presenta a los usuarios el contenido principal de la Web permitiendoles navegar con facilidad por la misma. Por ejemplo un menú como el siguiente:
Este menú consta de 5 imágenes, una por cada botón que puede pulsar el usuario.
Voy a resumir en pocos pasos la funcionalidad que deberá tener este menú.
1- Cuando los usuarios pasen el ratón por encima de los distintos botones del menú, aparecera una pequeña marca, o cambiará de color el botón, o cualquier otro efecto que se os ocurra, para informar al usuario de que esta zona de la página "tiene vida".
En este caso, esta pequeña marca la conseguimos con otra imágen del botón, que contiene este efecto...
[More]
Los eventos de JavaScript onmouseover y onmouseout son muy caprichosos y dependiendo del explorador que utilicemos para ver la página, se comportarán de una forma o de otra. Para comprender mejor como se comportan estos eventos he realizado un sencillo ejemplo de menú despleglable típico de JavaScript. Podéis ver el ejemplo aquí. Os aconsejo que dediquéis unos segundos en ver el código fuente del ejemplo. Como pedéis apreciar, la página esta dividida principalmente en 3 elementos <div> que resumo a continuación. - id="interfaz", es el bloque principal que se muestra al usuario. - id="MenuError", es el menú desplegable que no funciona correctamente (ahora veremos porqué). - id="MenuOK", es el menú desplegable que funciona correctamente. En la página del ejemplo hay dos iconos como este . El icono...
[More]
El enunciado de este sencillo ejercicio podría ser el siguiente: Desde una ventana padre abrir una ventana hijo y mostrar en esta el contenido de una cadena definida en el script de la ventana padre. Pasado un retardo de 3 segundos, desde la ventana padre cambiar el contenido de una cadena definida en la ventana hijo y mostrar el contenido en esta ventana. Creerme que es mucho más fácil de lo que parece por el enunciado. Lo que sucede, muy amenudo, es que es más sencillo ver el código que explicarlo con mil palabras. Primero voy a mostrar los script con las funciones que realizan estas tareas y luego pasaremos a la explicaciones. Este es el script que hay que colocar en la ventana primaria o padre: <script type="text/javascript">var strPadre = "Esta cadena esta definida en la ventana padre.";var nuevaVentana;function abrirVentana(){ nuevaV...
[More]