Foros del web, para los que viven de bits

Bellenger · 10-feb-2008, 08:28

Hola, me toco nuevamente, estoy ingresando al gran mundo de jquery, ya que hasta el momento mis aplicaciones ajax, eran full code... jeje, pero tengo una duda para utilizar jQuey, que es la siguiente...
Cuando se usa jQuery, siempre se debe utilizar con funciones....

Que he buscado en la web y todos los ejemplos siempre ponen funciones directamente [ready...], y pues como en un inicio no quiero eso, solo modificar algunos atributos de un objeto html, aqui el codigo:

Código:

  <body>
    <div id="capa">
    </div>
  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript">
   var cnt=$("#capa");
   cnt.css("background-color","#ffff00");
  </script>    
  </body>

Se supone que esta bien, segui lo que dice el manual, claro exceptuando la creacion de las funciones... Esta algo mal... Alguien tendra un buen manualsito de jQuey, por que los que he leido me han enrredado jaja. Saludos y gracias por sus respuestas...

ZiTAL · 11-feb-2008, 01:03

esto en el head de la pagina:

Código:

<script type="text/javascript" src="jquery.js">
</script>
<script type="text/javascript">
$(document).ready(function (){ 
$("#capa").css("background-color","#ffff00");
});
</script>

venkman · 11-feb-2008, 01:11

Para mi la mejor ayuda con jQuery es esta página [ http://www.visualjquery.com/1.1.2.html ].

Lo que no sé es qué problema tienes con las funciones. El código que pones está bien, pero... ¿cuándo se ejecuta? Si quieres poder llamarlo en algún momento, tendrás que meterlo en una función, ¿no?

El $(document).ready() es sólo para cuando quieres que se ejecute algo en cuanto acabe de cargarse la página. En ese caso podrías hacer:

Código:

function miFuncionDeInicializacion() {
   $("#capa").css("background-color","#ffff00");
}
$(document).ready(miFuncionDeInicializacion);

Lo único que ocurre es que, normalmente, lo verás escrito así:

Código:

$(document).ready(function() {
   $("#capa").css("background-color","#ffff00");
});

porque es más limpio (y tiene algunas ventajas). Pero el funcionamiento es el mismo.

Pero como decía el ready es para cosas que quieres ejecutar en cuanto la página esté cargada. Si tú ese código lo quieres ejecutar en otro momento, pon:

Código:

function miFuncion() {
   var cnt=$("#capa");
   cnt.css("background-color","#ffff00");
}

Y luego, cuando lo necesites, lláma a miFuncion()

Bellenger · 12-feb-2008, 07:20

Hay carambas, pense que se ejecutaba el codigo directamente como cuando se hace de la manera tradiciona osea:

Código:

  document.getElementById('capa').style.backgroundColor='#ffff00';

ya que si coloco esto despues de haber colocado el objeto HTML capa pues se aplica el estilo, pero por lo visto siempre debo utilizar esa funcopn ready...
Y caramba gracias por la pagina, se ve de apelos, lo estudiare un ratito...

10-feb-2008, 08:28	#1 (permalink)
Bellenger Fecha de Ingreso: noviembre-2004 Ubicación: Lima Peru Mensajes: 544	Duda con jQuery Hola, me toco nuevamente, estoy ingresando al gran mundo de jquery, ya que hasta el momento mis aplicaciones ajax, eran full code... jeje, pero tengo una duda para utilizar jQuey, que es la siguiente... Cuando se usa jQuery, siempre se debe utilizar con funciones.... Que he buscado en la web y todos los ejemplos siempre ponen funciones directamente [ready...], y pues como en un inicio no quiero eso, solo modificar algunos atributos de un objeto html, aqui el codigo: Código: <body> <div id="capa"> </div> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> var cnt=$("#capa"); cnt.css("background-color","#ffff00"); </script> </body> Se supone que esta bien, segui lo que dice el manual, claro exceptuando la creacion de las funciones... Esta algo mal... Alguien tendra un buen manualsito de jQuey, por que los que he leido me han enrredado jaja. Saludos y gracias por sus respuestas... __________________ Un Caballero Jura Lealtad. Usa su espada para suprimir la Injusticia No Conoce el Odio y Tampoco el AMOR...

11-feb-2008, 01:03	#2 (permalink)
ZiTAL Fecha de Ingreso: marzo-2004 Ubicación: Bermio (Bizkaia) Mensajes: 1.196	Re: Duda con jQuery esto en el head de la pagina: Código: <script type="text/javascript" src="jquery.js"> </script> <script type="text/javascript"> $(document).ready(function (){ $("#capa").css("background-color","#ffff00"); }); </script> __________________ http://zital.no-ip.org ____________________ Euskerie ahuen eta bijotzan

11-feb-2008, 01:11	#3 (permalink)
venkman Fecha de Ingreso: enero-2008 Mensajes: 330	Re: Duda con jQuery Para mi la mejor ayuda con jQuery es esta página [ http://www.visualjquery.com/1.1.2.html ]. Lo que no sé es qué problema tienes con las funciones. El código que pones está bien, pero... ¿cuándo se ejecuta? Si quieres poder llamarlo en algún momento, tendrás que meterlo en una función, ¿no? El $(document).ready() es sólo para cuando quieres que se ejecute algo en cuanto acabe de cargarse la página. En ese caso podrías hacer: Código: function miFuncionDeInicializacion() { $("#capa").css("background-color","#ffff00"); } $(document).ready(miFuncionDeInicializacion); Lo único que ocurre es que, normalmente, lo verás escrito así: Código: $(document).ready(function() { $("#capa").css("background-color","#ffff00"); }); porque es más limpio (y tiene algunas ventajas). Pero el funcionamiento es el mismo. Pero como decía el ready es para cosas que quieres ejecutar en cuanto la página esté cargada. Si tú ese código lo quieres ejecutar en otro momento, pon: Código: function miFuncion() { var cnt=$("#capa"); cnt.css("background-color","#ffff00"); } Y luego, cuando lo necesites, lláma a miFuncion()

12-feb-2008, 07:20	#4 (permalink)
Bellenger Fecha de Ingreso: noviembre-2004 Ubicación: Lima Peru Mensajes: 544	Re: Duda con jQuery Hay carambas, pense que se ejecutaba el codigo directamente como cuando se hace de la manera tradiciona osea: Código: document.getElementById('capa').style.backgroundColor='#ffff00'; ya que si coloco esto despues de haber colocado el objeto HTML capa pues se aplica el estilo, pero por lo visto siempre debo utilizar esa funcopn ready... Y caramba gracias por la pagina, se ve de apelos, lo estudiare un ratito... __________________ Un Caballero Jura Lealtad. Usa su espada para suprimir la Injusticia No Conoce el Odio y Tampoco el AMOR...

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado