[jQuery] [jQuery-es] Cambiar cosas cuando la página cargue
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META NAME="Generator" CONTENT="MS Exchange Server version 6.5.7638.1">
<TITLE>Re: [jQuery-es] Cambiar cosas cuando la página cargue</TITLE>
</HEAD>
<BODY>
<!-- Converted from text/rtf format -->
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">Hola Choan:</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">Empecemos por definir las variables y ahorrar caracteres. Ese `divs =</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">new Array()` me provoca ardor de estómago.</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New"> var divs = [ "el-id-de-un-div", "el-id-de-otro-div", "etc." ];</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">> L</FONT></SPAN><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">uego: `$(divs[activediv])` no va a seleccionar ningún elemento, así</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">que difícilmente hará nada. Deberías usar</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New"> $("#" + divs[activediv]).show();</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">Esto me funcionó a la perfección.</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">En fin, si veo por donde vas, que no lo tengo muy claro, yo tiraría por aquí:</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">HTML:</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New"><div id="container"></FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New"><div id="autobla" class="showhide"></FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">algo que mostrar</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New"></div></FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New"><div id="autoblus" class="showhide"></FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">otra cosa que mostrar</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New"></div></FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New"></div> </FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New"><ul id="trigger"></FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New"><li><a href="#autobla">Autobla</a></li></FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New"><li><a href="#autoblus">Autoblus</a></li></FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New"></ul></FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">Javascript:</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">$(document).ready(init);</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">$(document).ready(init);</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">function init() {</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">// recogemos los elementos en una colección</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">var col = $("#container div.showhide");</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">// guardamos la longitud de la colección</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">var len = col.length;</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">// un numerito al azar</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">var sel = Math.floor(Math.random() * len);</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">// ocultamos todos, nos quedamos solo con uno de ellos, lo mostramos</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">col.hide().eq(sel).show();</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> </SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">$("#trigger a").mouseover(function() { // asignamos el manejador</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">$("#container div.showhide").hide(); // ocultamos todos</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">var cur = this.href.split("#")[1]; // recuperamos el hash del enlace</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">$("#" + cur).show(); // mostramos el que toca</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">});</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT SIZE=2 FACE="Courier New">></FONT></SPAN><SPAN LANG="es"> <FONT SIZE=2 FACE="Courier New">}</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT FACE="Calibri">¿</FONT></SPAN><SPAN LANG="es"></SPAN><SPAN LANG="es"><FONT FACE="Calibri">Qu</FONT></SPAN><SPAN LANG="es"></SPAN><SPAN LANG="es"><FONT FACE="Calibri">é</FONT></SPAN><SPAN LANG="es"></SPAN><SPAN LANG="es"><FONT FACE="Calibri"> se supone que haga esta función y donde debo po</FONT></SPAN><SPAN LANG="es"></SPAN><SPAN LANG="es"><FONT FACE="Calibri">nerla? La entendí más o menos pero algunas cosas no me quedaron claras del todo.</FONT></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="es"><FONT FACE="Calibri">Salu2 y esperando respuesta</FONT></SPAN><SPAN LANG="es"></SPAN><SPAN LANG="es"></SPAN></P>
<P ALIGN=LEFT><SPAN LANG="en-us"></SPAN><A NAME=""><SPAN LANG="en-us"><FONT SIZE=2 FACE="Arial">--</FONT></SPAN></A></P>
<P ALIGN=LEFT><B><SPAN LANG="en-us"><FONT SIZE=2 FACE="Calibri">ReynierPM</FONT></SPAN></B></P>
<P ALIGN=LEFT><SPAN LANG="en-us"><FONT SIZE=2 FACE="Calibri">5to Ing. Informática</FONT></SPAN><SPAN LANG="es"><B></B></SPAN><SPAN LANG="es"><B></B></SPAN><B><SPAN LANG="en-us"></SPAN></B></P>
<P ALIGN=LEFT><SPAN LANG="en-us"><FONT SIZE=2 FACE="Calibri">Maestro de poco, aprendiz de mucho</FONT></SPAN><SPAN LANG="es"><B></B></SPAN><SPAN LANG="es"><B></B></SPAN><B><SPAN LANG="en-us"></SPAN></B></P>
<P ALIGN=LEFT><SPAN LANG="es"></SPAN></P>
</BODY>
</HTML>_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/