Dale vida a tus formularios con LiveValidation

LiveValidation es una pequeña biblioteca javascript, de código abierto, que permite darle un poco de vida a tu formulario. En sólo dos líneas podrás validar los campos que quieras y con una multitud de condiciones. Lo que hace, en general, es: valida el input que tu elijas con la condición que tú quieras, si no se cumple la condición muestra un mensaje indicándolo, y si sí se cumple muestra otro mensaje, pero está vez dándote las gracias. Desde su web podéis ver los distintos ejemplos que nos ofrece y la forma de integrarlo en nuestro formulario, los mensajes que muestra…

Leer más

Aplica css a los ‘title’ de tus enlaces.. no seas aburrido!

Hoy he tenido una mañana horrible, todo lo veía feo, todo me descuadraba.. ufff! Menos mal que he tenido un ratito para relajarme y he dicho.. basta, hora de solucionar cosas. Mi problema era el siguiente: “Tengo un formulario con X campos, y hay campos que pido información que no todo el mundo sabe lo que és, por lo tanto he puesto un signo de interrogación (?) al lado. Lo que quiero es: que cuando pase el cursor por encima del interrogante aparezca un mensaje de ayuda al usuario.” Con el atributo title tengo una solución un tanto chapucera para…

Leer más

CSS: Menu horizontal, desplegable y bonito

He visto muchos menús desplegables por internet.. muy chulos, pero muy complicados para mi gusto, asi que voy a explicar como hacer un menu horizontal desplegable sencillito y funcional, tán solo con html y css. Lo primero es la estructura, para ella usaré una lista, asi queda todo bien recogidito: <ul id=”menu-horizontal”> <li><a href=”#” title=”Texto”>Texto</a></li> <li><a href=”#” title=”Texto”>Texto</a></li> <li><a href=”#” title=”Texto”>Texto</a> <ul> <li><a href=”#” title=”Texto”>Texto</a></li> <li><a href=”#” title=”Texto”>Texto</a></li> </ul> </li> <li><a href=”#” title=”Texto”>Texto</a></li> <li><a href=”#” title=”Texto”>Texto</a></li> </ul> La cosa es así: el <ul> es el menú en sí, cada <li> es un botón del menú y el <ul> dentro del…

Leer más

Javascript & Dreamweaver: Validar formularios.

Hoy toca aprender a validar un formulario a través de Dreamweaver.. ya que la gran mayoría de los que llegáis a mi blog utilizáis este programa para editar código y de una forma u otra, resulta más fácil, os voy a explicar un poquito cómo validar un formulario, para que podáis poner campos obligatorios y evitar que os lleguen emais vacíos. Voy a validar un formulario sencillito con un campo para el nombre, otro para el teléfono y otro para el email, en unos días publicaré un artículo para validar formularios más completos, pero ya sin Dreamweaver. Nota: Doy por…

Leer más

Javascript: Ocultar/mostrar campos en un formulario.

Hoy, por ser sábado y porque actúa el Chikilicuatre esta noche, voy a escribir una función sencillita, así no me tiro mucho rato en el ordenador xD Al tema, me han pedido un formulario de contacto en el que si el usuario elige una opción, aparezca un campo adicional. Ej. Si en el grupo de opciones de “A través de donde nos ha conocido” elige la opción “Otros”, aparece un campo de texto para introducir la información. Lo primero es crear el formulario: //se le asigna un name al formulario de contacto. <form action=”<?=$_SERVER[‘PHP_SELF’]?>” method=”post” name=”fcontacto”> //inputs <p>A través de…

Leer más