Detener un PostBack con JavaScript

5. February 2011 21:00 by Oscar.SS in Desarrollo Web  //  Tags: ,   //   Comments (1)
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]

Construir un menú Web con Master Page y JQuery

20. December 2010 21:07 by Oscar.SS in Desarrollo Web  //  Tags: , ,   //   Comments (0)
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]

Cuidado con los eventos onmouseover y onmouseout

15. August 2009 01:11 by Oscar.SS in Desarrollo Web  //  Tags:   //   Comments (0)
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]

Ejercicio de JavaScript: Acceder a los script de otras ventanas.

10. January 2009 13:18 by Oscar.SS in Desarrollo Web  //  Tags:   //   Comments (1)
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]

Recent Comments

Comment RSS

Month List