JQuery | Neleste

Selectores en jquery

9 noviembre, 2012

Seleccionar todos los tags/elementos: Todos los elementos («*») Seleccionar todos los elementos que estan en proceso de animación: Extensiones jQuery :animated Selector Selecciona los elementos que tienen el atributo especificado con un valor ya sea igual a una cadena determinada o que comience con esa cadena seguida de un guión (-): Atributo contiene prefijo seleccionado [name|=»value»] Seleccionar elementos que contengan el valor específico, aunque sea parte de una subcadena: Atributo contiene palabra seleccionada [name*=»value»] Selecciona los elementos que tienen el…

Ocultar y mostrar elementos con jquery

1 octubre, 2012

javascript, JQuery

Sin Comentarios

En jquery, cuando intentamos ocultar y hacer aparecer elementos de nuestro html con un click, a veces caemos en el error de crear una función que haga un $().hide(), y a través de una variable global detectar que nuestro elemento está oculto y hacer un $().show(). jquery nos proporciona un método para realizar este gesto en una sola función: $().slideToggle() slideToggle nos permite realizar nuestro ocultar/mostrar definiendo nuestro gesto en un solo click: <a onclick=»$(‘#div_mostrar_ocultar’).slideToggle()»> Mostrar/Ocultar </a> <div id=»div_mostrar_ocultar»>Mostrado</div> Link…

Esquinas Redondeadas

6 febrero, 2009

CSS, JQuery, Sin categoría

4 Comentarios

Con la llegada de los estándares CSS3, han surgido nuevas opciones para diseñar nuestras páginas. Entre ellas, las más interesantes que encuentro están, las transparencias, los degradados y las esquinas redondeadas. Voy a hablar de estas últimas, es algo que los diseñadores siempre han conseguido insertando imágenes redondas al borde y listo. Actualmente, y gracias a los estándares css3 también lo podemos realizar mediante código css con estas instrucciones: border-radius (estándar css) -moz-border-radius (cuando se trataba de mozilla, aunque desde…

Hacer miniaturas de Imágenes

10 diciembre, 2008

javascript, JQuery, Scripts

2 Comentarios

Quien no ha tenido alguna vez que crear una miniatura (Thumbnails), de sus imágenes automáticamente. Una opción puede ser añadirle el tamaño por css, o en la misma etiqueta <img, pero las imagenes se verían mal, puesto que están redimensionadas a tamaño completo. Una opción muy buena, sin usar php y sin hacerlo manualmente, sería usar JQuery u JThumbs. Mediante el siguiente script tendremos las deseadas miniaturas: <script type=»text/javascript»> $(document).ready(function() { // aquí realmente hacemos la miniatura $(«a.thumb, img.thumb»).jThumb(); //…