Libreria Javascript jQuery

thediablo · 14-Sep-2006, 04:30 PM

vi el post de maltos de la libreria Dojo, pero como el titulo esta medio feo mejor pongo uno nuevo jajaja

---

Pues yo probe esa libreria (o toolkit como quieran, la DOJO) y la verdad no me gusto mucho, me gusta mas una que casi nadie conoce se llama jQuery

por ej:

HTML

Código PHP:


			
<a href="#" class="past" title="may2006">Mayo</a>

<a href="#" class="past" title="jun2006">Junio</a>

<div id="main" style="width: 483px; height: 307px; overflow:hidden;"> </div>

javascript:
(este javascript hace lo siguiente:
busca en el html las etiquetas < a > con la clase "past", y para cada etiqueta que encuentre ejecuta la funcion que ahorita voy a poner... despues de eso lee el attr title="" de el y manda llamar una imagen que defini el nombre en ese title... y ya cuando le dan click... despliega esa foto con un Slide Hacia abajo (aca bonito) en el div que tiene el ID "main". Si le dan click a otra foto pues la que estaba antes se esconde y aparece la nueva y asi... todo en estas lineas

Código PHP:


			
$('a.past').click(function(){

    var titlemnt = "imagen/imagen.php?month="+this.title;

    $('#main').load(titlemnt,function(){

        $('#main').slideDown('slow');

    });

});

(si lees lo que escribi y vez el codigo le vas a entender mas o menos bien... sin tener nocion de como usar el jQuery todavia... esta super facil de usar)

* el archivo imagen.php nadamas tiene 1 linea que es:

Código PHP:


			
<img src="images/motm/<?php echo $_GET['month'].'.jpg'; ?>" width="483" height="307">

Donde la bajo?
http://jquery.com/

hasta tiene Plugins!
http://jquery.com/plugins/

Como aprendo?
pues esta pagina yo la empece a ver cuando estaba en el dia 5... y esta muy buena... chutate los 15 dias y vas a aprender.
http://15daysofjquery.com/

Saludos!

neo · 14-Sep-2006, 05:05 PM

mmmmmm muy bueno también inche diablo a ver si más raza postea este tipo de cosas o diseños por lo menos, déjame bajo ese pex y lo pruebo para ir entendiendo más sobre esas tools

14-Sep-2006, 04:30 PM	#1
thediablo Administrator Registrado: April-2006 Location: Monterrey, Mexico Posts: 400	Libreria Javascript jQuery vi el post de maltos de la libreria Dojo, pero como el titulo esta medio feo mejor pongo uno nuevo jajaja --- Pues yo probe esa libreria (o toolkit como quieran, la DOJO) y la verdad no me gusto mucho, me gusta mas una que casi nadie conoce se llama jQuery por ej: HTML Código PHP: `<a href="#" class="past" title="may2006">Mayo</a> <a href="#" class="past" title="jun2006">Junio</a> <div id="main" style="width: 483px; height: 307px; overflow:hidden;"> </div>` javascript: (este javascript hace lo siguiente: busca en el html las etiquetas < a > con la clase "past", y para cada etiqueta que encuentre ejecuta la funcion que ahorita voy a poner... despues de eso lee el attr title="" de el y manda llamar una imagen que defini el nombre en ese title... y ya cuando le dan click... despliega esa foto con un Slide Hacia abajo (aca bonito) en el div que tiene el ID "main". Si le dan click a otra foto pues la que estaba antes se esconde y aparece la nueva y asi... todo en estas lineas Código PHP: `$('a.past').click(function(){ var titlemnt = "imagen/imagen.php?month="+this.title; $('#main').load(titlemnt,function(){ $('#main').slideDown('slow'); }); });` (si lees lo que escribi y vez el codigo le vas a entender mas o menos bien... sin tener nocion de como usar el jQuery todavia... esta super facil de usar) * el archivo imagen.php nadamas tiene 1 linea que es: Código PHP: `<img src="images/motm/<?php echo $_GET['month'].'.jpg'; ?>" width="483" height="307">` Donde la bajo? http://jquery.com/ hasta tiene Plugins! http://jquery.com/plugins/ Como aprendo? pues esta pagina yo la empece a ver cuando estaba en el dia 5... y esta muy buena... chutate los 15 dias y vas a aprender. http://15daysofjquery.com/ Saludos! __________________ [ Disque Portafolio +++ Mi Blog +++ Las Fotos ]

14-Sep-2006, 05:05 PM	#2
neo Miembro Activo Registrado: April-2006 Location: mexico Posts: 211	mmmmmm muy bueno también inche diablo a ver si más raza postea este tipo de cosas o diseños por lo menos, déjame bajo ese pex y lo pruebo para ir entendiendo más sobre esas tools __________________ .:maximosecreto:. \| .:efecto2:.

Herramientas
Versión para imprimir Enviar por correo
Estilo
Modo lineal Cambiar a modo híbrido Cambiar a modo de árbol