RE: [jQuery] [jQuery-es] Cambiar cosas cuando la página cargue

RE: [jQuery] [jQuery-es] Cambiar cosas cuando la página cargue

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<meta name=Generator content="Microsoft Word 11 (filtered medium)">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{color:blue;
text-decoration:underline;}
p
{mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman";}
span.EstiloCorreo18
{mso-style-type:personal-reply;
font-family:Calibri;
color:blue;
font-weight:normal;
font-style:normal;
text-decoration:none none;}
@page Section1
{size:595.3pt 841.9pt;
margin:70.85pt 3.0cm 70.85pt 3.0cm;}
div.Section1
{page:Section1;}
-->
</style>
</head>
<body lang=ES link=blue vlink=blue>
<div class=Section1>
<p class=MsoNormal><font size=2 color=blue face=Calibri><span style='font-size:
11.0pt;font-family:Calibri;color:blue'>Hi Sdisk Sdisk:<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=blue face=Calibri><span style='font-size:
11.0pt;font-family:Calibri;color:blue'>Soury for this mail to that list. </span></font><font
size=2 color=blue face=Calibri><span lang=EN-GB style='font-size:11.0pt;
font-family:Calibri;color:blue'>As Choan said was a mistake. I copy&paste
the address and not check this looking for “-es”. Again soury for
that and also thanks for your reply. It was amazing and now I understand a
little more jQuery.<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=blue face=Calibri><span lang=EN-GB
style='font-size:11.0pt;font-family:Calibri;color:blue'>Cheers and soury<o:p></o:p></span></font>
<div>

<font size=2 color=blue face=Arial><span style='font-size:10.0pt;font-family:
Arial;color:blue'>--</span></font><font color=blue><span style='color:blue'>
</span></font><b><font size=2 color=blue face=Calibri><span style='font-size:
10.0pt;font-family:Calibri;color:blue;font-weight:bold'>ReynierPM</span></font></b><font
color=blue><span style='color:blue'>
</span></font><font size=2 color=blue face=Calibri><span style='font-size:10.0pt;
font-family:Calibri;color:blue'>5to Ing. Informática</span></font><font
color=blue><span style='color:blue'>
</span></font><font size=2 color=blue face=Calibri><span style='font-size:10.0pt;
font-family:Calibri;color:blue'>Maestro de poco, aprendiz de mucho</span></font><font
color=blue><span style='color:blue'> </span></font><o:p></o:p>










</div>
<div>
<div class=MsoNormal align=center style='text-align:center'><font size=3
face="Times New Roman"><span style='font-size:12.0pt'>
<hr size=2 width="100%" align=center tabindex=-1>
</span></font></div>
<p class=MsoNormal><b><font size=2 face=Tahoma><span style='font-size:10.0pt;
font-family:Tahoma;font-weight:bold'>De:</span></font></b><font size=2
face=Tahoma><span style='font-size:10.0pt;font-family:Tahoma'>
discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] <b><span
style='font-weight:bold'>En nombre de </span></b>SDisk SDisk
<b><span style='font-weight:bold'>Enviado el:</span></b> jueves, 16 de
noviembre de 2006 3:18 am
<b><span style='font-weight:bold'>Para:</span></b> jQuery Discussion.
<b><span style='font-weight:bold'>Asunto:</span></b> Re: [jQuery] [jQuery-es]
Cambiar cosas cuando la página cargue</span></font><o:p></o:p>
</div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><o:p> </o:p></span></font>
<p class=MsoNormal style='margin-bottom:12.0pt'><font size=3
face="Times New Roman"><span style='font-size:12.0pt'>Please in this list we
speak in english ;), so everybody can help you. I wil try to answer in spanish
but please, use the english language to comunicate in the jQuery list or answer
directly to the person not reply the list in no english language. If everybody
speak in our own language it will be difficult to know what you write.
Te aconsejo que aprendas algo más de Javascript y luego mires la documentación
de jQuery que es muy intuitiva. Básicamente, cuando antes en Javascript
hacíamos window.onload (que además sólamente podíamos hacer una vez pues
machacaba el manejador de eventos anterior) ahora con jQuery hacemos
$(document).ready(function(){ //ejecutar algo }); o como ha hecho David,
definir la función que maneja el evento "ready" del documento, aparte.
Si eres nuevo en JavaScript te va a resultar muy muy difícil empezar con jQuery
sin conocer los aspectos básicos de Javascript como son los eventos,
manejadores de eventos, funciones anidadas, etc...
Básicamente el código coge todos los elementos div de la clase .showhide que
estén dentro del elemento con id #container [ en el código esto se hace con
$("#container div.showhide"), luego elije un número al azar, esconde
todos los elementos y muestra el elemento escogido al azar:
col.hide.eq(sel).show(); 
jQuery permite encadenar funciones por lo que lo que ha hecho es, sobre el
conjunto de elementos jQuery (col), ejecutamos el método hide(), ocultarlos,
luego, encadenamos el método eq(sel) que obtiene el elemento con índice
"sel" dentro del conjunto de elementos total "col", el
método eq(sel) nos devuelve el elemento que queremos mostrar, así que
ejecutamos sobre él el método show().
Como ves es algo difícil de comprender el encadenamiento ya que es algo nuevo,
que yo, anteriormente no había visto antes de jQuery, pero una vez lo
comprendes, escribir código es muy muy rápido.
El resto del código simplemente usa una función para manejar el evento
mouseover sobre todos los elementos a (enlaces) que están dentro del div con id
#trigger , en jQuery, los antíguos eventos onmouseover, onsubmit, y cualquier
cosa on(loquesea) podemos usarlo directamente sin el "on" como método
de un objeto jQuery.
Los selectores (lo que ponemos dentro del $( aqui ) ) para seleccionar los
distintos elementos con los que queremos trabajar pueden ser CSS1, CSS2 y CSS3
o XPATH, así si en tu CSS pones:
.clase li{
//blablabla
}
con jQuery también podemos seleccionar todos los elementos li de la clase
".clase" usando el mismo selector:
$(".clase li");   
Para preguntar más cosas, por favor manda un correo privado a la persona en
cuestión y no respondas a la lista, salvo que respondas en inglés, de otra
forma si cada uno empieza a hablar en su idioma, nadie nos entenderíamos, pues
aquí hay brasileños, japoneses,chinos, ingleses, checos, y de multitud de
paises que seguramente ni tú ni yo entenderíamos su lengua ;) <o:p></o:p></span></font>
<div>
<p class=MsoNormal><span class=gmailquote><font size=3 face="Times New Roman"><span
style='font-size:12.0pt'>On 11/16/06, <b><span style='font-weight:bold'>Reynier
Perez Mira</span></b> <<a href="mailto:rperezm@estudiantes.uci.cu">rperezm@estudiantes.uci.cu</a>>
wrote:</span></font></span><o:p></o:p>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'>Hola nuevamente David y Choan:
Por más que leo y miro el código no logro entenderlo pues soy un poco novato
con jQuery y de Javascript no se mucho, lo he usado un poco en validaciones
pero con el boom de la Web2.0 veo que se pueden hacer cosas increíbles. ¿Me
pueden dar un "norte" para guiarme  y ver que hace el
código?
Nota: Lo puse en la página y no vi ningún cambio
Salu2 y desde ya gracias
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
-----Mensaje original-----
De: <a href="mailto:discuss-bounces@jquery.com">discuss-bounces@jquery.com</a>
[mailto:<a href="mailto:discuss-bounces@jquery.com">discuss-bounces@jquery.com</a>]
En nombre de David Arango
Enviado el: miércoles, 15 de noviembre de 2006 2:40 pm
Para: jQuery Discussion.
Asunto: Re: [jQuery] [jQuery-es] Cambiar cosas cuando la página cargue