Ver post
Old 14-Sep-2006, 04:30 PM   #1
thediablo
Administrator
Avatar de thediablo
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 ]
thediablo is offline   Citar y responder