Artículos relacionados con ‘jquery’

Valida formularios con jQuery

Cuando tenemos que validar los datos de un formulario podemos recurrir a Javascript y crear nuestra función de validación, pero también podemos recurrir a jQuery para validar el formulario de forma rápida y sencilla.

Para esto descargarmos jQuery y el plugin Validate.
Lee el resto del artículo »

Crea galerías con jQuery.popeye

Vía Anieto2k descubro jQuery.popeye, con el cual podemos crear galerías de imágenes usando una capa y un listado.

El código HTML básico sería una cosa así:

<div style="clear:both;">
<div id=”popeye1″ class=”galeria”>
<ul>
<li><a href=”imagen1.jpg”><img src=”imagen1.jpg” alt=”Imagen 1″ /></a></li>
<li><a href=”imagen2.jpg”><img src=”imagen2.jpg” alt=”Imagen 2″ /></a></li>
</ul>
</div>
</div>

Y el código Javascript quedaría así


// jQuery
$(document).ready(function() {
$(’.galeria’).popeye();
});

Descarga jQuery.popeye.

Demo de jQuery.popeye.

Crea un panel deslizante con jQuery

Si ya os conté cómo evitar conflictos entre jQuery y Mootools, hoy os explico para qué estaba usando jQuery en el nuevo diseño.

Probablemente os habréis fijado en el link que dice Sidebar, en el index del blog. Pues bien, este link despliega la sidebar superior del blog.

Para añadir este efecto a tu web debes seguir unos pasos sencillos, comenzando por descargar jQuery.

Lee el resto del artículo »

Añade un selector de horas con jQuery

Vía anieto2k descubro otra función más de jQuery: Añadir un selector de horas a nuestros formularios.

Añade un efecto hover animado con jQuery

Uno de los principales motivos por los que me gusta Mootools es la cantidad de efectos que podemos lograr con él.

Sin embargo hoy os traigos un efecto logrado con jQuery y creado por Timothy van Sas.

Lee el resto del artículo »

Como evitar conflictos entre Mootools y jQuery

No sé a vosotros, pero a mí trabajar con frameworks me facilita mucho la cosa, ya que no sé mucho de javascript y puedo lograr bonitos efectos sin tener que invertir mucho tiempo.

El último trabajo que he realizado con frameworks de javascript ha sido en el diseño de este blog.

WordPress utiliza jQuery para algunas funciones, y yo personalmente prefiero Mootools. Esta vez he decidido usar ambos, y el principal problema que he encontrado han sido los conflictos entre ambos.

Para evitar tener que usar solo un frameworks, podemos recurrir a una función que nos permitirá usar ambos, la función jQuery.noConflict().

Lee el resto del artículo »