jQuery 1.4: 15 nuevas características que debes conocer

0 COMENTARIOS -  Publicado hace 2 meses -  Clasificado en: ,

jQuery 1.4 ha sido lanzado y en Nettuts+ no han perdido el tiempo y han publicado un artículo imprescindible, en el que hacen un repaso a las nuevas características y mejoras que podemos encontrar. La versión 1.4 de jQuery no es simplemente una versión de mantenimiento con la corrección de algunos "bugs"; incorpora muchas características y mejoras nuevas:

1.- Pasar atributos a jQuery(...)
2.- Los métodos "nextUntil", "prevUntil" y "parentsUntil"
3.- Enlazar múltiples controladores de eventos
4.- Definir una función diferente de "easing" por cada propiedad que estamos animando.
5.- Nuevos eventos live()
6.- Controlar el contexto de una función
7.- Anadir un retraso a la ejecución de las animaciones
8.- Comprobar si un elemento tiene algo con el selector ":has()"
9.- Desenvolver elementos con unwrap()
10.- Eliminar elementos sin borrar datos
11.- Mejoras en el método index(...)
12.- Los métodos de manipulación DOM aceptan "callbacks"
13.- Determinar el tipo del objeto
14.- Mejoras en el método Closest(...)
15.- Los nuevos eventos focusIn y focusOut

jQuery 1.4 Released: The 15 New Features you Must Know » »

Algunas entradas relacionadas:

 

jQuery Notify Bar

0 COMENTARIOS -  Publicado hace 2 meses -  Clasificado en: , ,

Plugin para jQuery que nos permite mostrar barras de notificación similareas a las que en este momento está utilizando Twitter. Su funcionamiento es muy sencillo: 

$ (function () (
  $. notifyBar ((
   html: "Gracias, su configuración se ha actualizado!",
    delay: 2000,
    animationSpeed: "normal"
  ));
));

Permite asignar clases CSS personalizadas a la barra de notificación aunque también existen dos clases prefabricadas: "error" y "success" (éxito).

Demo y descarga de jQuery Notify Bar » »

Algunas entradas relacionadas:

 

RSSLounge: Lector de feeds en PHP, jQuery y MySQL

1 COMENTARIO -  Publicado hace 3 meses -  Clasificado en: , , ,

RSSLounge es un lector de RSS bastante completo y además open source desarrollado con PHP-MySQL. Permite realizar las operaciones más comunes y que uno puede esperar de este tipo de aplicaciones: leer tus feeds, clasificarlos, establecer filtros, etc. La aplicación hace uso de jQuery y AJAX para mejorar la usabilidad y para la recopilación periódica de contenidos. Para esto último también podemos establecer una tarea automatizada con Cron que nos permitiría ir recogiendo el nuevo contenido en nuestros canales aunque la aplicación no esté abierta.

Lector Feeds OpenSource PHP MySQL

RssLounge » »
Visto en WebResourcesDepot » »

Algunas entradas relacionadas:

 

jGrow

0 COMENTARIOS -  Publicado hace 5 meses -  Clasificado en: ,

jGrow es un plugin para jQuery que hace que el tamaño de los textarea se ajuste a la longitud del texto. Es tan sencillo de utilizar como: 

$("textarea#descripcion").jGrow();

donde "descripcion" es el identificador que hayamos dado al textarea.

También podemos fijar un tamaño máximo de altura en el crecimiento del textarea. 

$("textarea#descripcion").jGrow({
	max_height: "300px"
});

Un sencillo ejemplo sería: 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>jGrow</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.jgrow-03.js" type="text/javascript"></script>
<script language="javascript">
$(document).ready(function() {
	$("textarea#descripcion").jGrow();
})
</script>
</head>
<body>
<textarea name="descripcion" id="descripcion" cols="40" rows="4"></textarea>
</body>
</html>

Ver ejemplo en funcionamiento » »
jGrow » »

Algunas entradas relacionadas:

 

QueryLoader: precarga tu web con estilo

5 COMENTARIOS -  Publicado hace 5 meses -  Clasificado en: , ,

Plugin especialmente pensado para realizar la precarga de una página completa de una manera llamativa y elegante. El plugin posee las siguientes características:

  • Precarga toda una página web.
  • Precarga una parte de la página.
  • Obtiene todas las imágenes: etiquetas <img> e imágenes de fondo de los CSS
  • Fácil de implementar.
  • La barra de carga es ajustable.
  • Testado en Firefox, Safari, Opera, Chrome, IE7, IE8 y IE6 (el script será ignorado en IE6).

Web, demo y descarga de Query Loader » »
Vía Ajaxian »

Algunas entradas relacionadas:

 

Convertir un div completo en clickable con jQuery

3 COMENTARIOS -  Publicado hace 6 meses -  Clasificado en: , 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Div clickable</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>  
<script language="javascript">
$(document).ready(function() {  
$(".caja").click(function(){
     window.location=$(this).find("a").attr("href");
     return false;
});
});
</script>
<style type="text/css">
.caja{
	width:500px;
	height:300px;
	background-color:#0066CC;
	color:#FFF;
	cursor:pointer;
}
.caja a{color:#FFF;}
</style>
</head>
<body>
<div class="caja">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas bibendum luctus mauris, vitae laoreet ligula pulvinar sed. Maecenas tincidunt egestas tortor ac dignissim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vitae velit mattis justo faucibus ullamcorper. In quis est nec metus lobortis dapibus.
    <a href="http://google.es">link</a>
</div>
</body>
</html>

Ver ejemplo en funcionamiento » »

Algunas entradas relacionadas:

 

SelectList

0 COMENTARIOS -  Publicado hace 9 meses -  Clasificado en: ,

SelectList es un plugin para jQuery que reemplaza la forma estándar de selección de múltiples elementos con ua interfaz más fácil y amigable. El usuario selecciona los elementos de una lista desplegable y estos se van mostrando más abajo. Las características principales son:

Select List Plugin jQuery para reemplazar select

  • Se añade a un elemento <select> existente, con lo que no se requieren cambios significativos en el código HTML.
  • Soporta la clasificación automática de los elementos seleccionados.
  • Permite el uso de funciones de devolución de llamada cuando se añaden elementos y se eliminan.
  • Posee funciones para añadir y eliminar items.
  • Soporta animaciones y efectos personalizados.
  • Se puede cambiar el aspecto mediante CSS.
  • Ligero. El paquete es inferior a 3 KB.

El plugin funciona en todos los principales exploradores, incluyendo Firefox 2 +, Opera 9.5 +, Google Chrome, Safari 3 +, e Internet Explorer 6 +.

selectList » »

Algunas entradas relacionadas:

 
Páginas: 1 2 3 4 5 6 7 Siguiente >