Re: [Ovillo] Asignar estilos con jQuery
Hola Jairo, Estoy verificando el problema, a ver si tenemos suerte pero, dime una cosa : El efecto de TRANSICION que veo en esa página, ¿lo tienes hecho en Jquery ? Eso aseguraría que Jquery funciona perfectamente. No vemos dentro de un rato. Zegol from Spain. El día 15 de diciembre de 2011 16:01, inesansebastian inesansebast...@yahoo.es escribió: Hola Jairo, Yo creo que debería especificarse así: $('div.cabecera div.menuTop ul.menu'), y podría no estar funcionando porque no está bien especificado. El 2011 abe 15, a las 15:40, Tei escribió: Pues va a ser... culpa de John Resig. Creo que ya he encontrado el problema. Y no es un fallo tuyo. A mi $('div.cabecera ul.menu') me devuelve null. No me parece una especificacion de elemento mal formada, asi que yo digo que es un bug de Jquery. Puedes probar a darle un id a la cosa que quieres mostrar o ocultar, lo cual sera ademas mas rapido. $('#menu').fadeIn(... On 15/12/2011, Jairo Ochoa jairo.oc...@gmail.com wrote: Gracias por la ayuda. Esta es la página http://www.disegna.es/web/es/slider-portada Veréis que el código es algo más extenso que el que pegué yo en el mensaje. Las zonas activas son el logo de cabecera y el slider. Saludos -- Jairo Ochoa El 15 de diciembre de 2011 15:10, zegol gol zeg...@gmail.com escribió: Hola Jairo, Si no te importa, para que la cosa sea más fácil, me gustaría tener tu código html, así buscamos el problema. Es que con la programación, hay que tener mucho cuidado. Como dice un compañero, igual tienes algo mal en tu HTML. Te lo pido para comprobar muchas cosas, entre otras, el orden en que llamas tus archivos. No quites nada del código, o sea desde la versión de tu html hasta el footer o cierre de body, depende como lo tienes. Saludos. Zegol from Spain. El 15/12/11, Jairo Ochoa jairo.oc...@gmail.com escribió: Hola Tei, El objeto es visible, es un enlace que dentro tiene un logo y funciona bien como enlace. También uso un código similar para un div que contiene un slider y con ese div, que es visible, tampoco funciona. ¿Puede ser problema del jQuery? ¿Necesita alguna librería extra? Saludos, -- Jairo Ochoa El 15 de diciembre de 2011 01:06, Tei oscar.vi...@gmail.com escribió: Asi a volepronto, sin mirar tu codigo en funcionamiento. Antes de mirar nada lo primero que yo miraria es si el objeto que quieres que genere el hover es visible cuando pasas el raton. A lo mejor si es invisible el navegador decide que no puede ser receptor de ningun onhover. 2011/12/14 Jairo Ochoa jairo.oc...@gmail.com: Hola Zegol, Alguno de los cambios que comentas ya los había probado y así es como está ahora $(document).ready(function(){ $('a.logo').hover( function () { $('div.cabecera ul.menu').fadeIn('slow'); $('div.imagen').addClass('visible'); } ); }); ... pero aun así no funciona. Me di cuenta de que sobraba la coma después de la llave y probé también a meter todo dentro de $(document)... Se me escapa algo más? Gracias -- Jairo Ochoa El 14 de diciembre de 2011 23:44, zegol gol zeg...@gmail.com escribió: Hola y muy bien por pedir ayuda en este web. Prueba con lo siguiente : $(document).ready(function() { $('.logo').hover( function () { $('.cabecera ul.menu').fadeIn('slow'); $('div.imagen').addClass('visible'); }); }); Copia el código entero entre los TAGS de JavaScript que ya tienes. No hagas cambios y coméntame qué tal ha ido. Si te funciona y si lees bien mi código, verás tus posibles errores (He encontrado creo que 2 ou 3). Si te funciona, pero que no entiendes el código, vuelve por aquí y lo comentaremos entre todos. Espero que te haya sido de utilidad. Suerte. Zegol from Spain. El día 14 de diciembre de 2011 22:06, Jairo Ochoa jairo.oc...@gmail.com escribió: Eso, por defecto display:none y con el js debería mostrarse. No lo comenté, pero en el head hay un script type=text/javascript src=/web/jquery/jquery.js view-source:http://www.disegna.es/web/jquery/jquery.js /script Saludos -- Jairo Ochoa Dropbox: Almacenamiento gratis / Free online backup https://www.dropbox.com/referrals/NTg2Njc1MTg5 El 14 de diciembre de 2011 21:52, Miguel Angel mik_...@hotmail.com escribió: Por defecto tiene display: none¿? Un saludo! El 14/12/2011, a las 21:48, Jairo Ochoa escribió: Hola a tod@s, Debo estar haciendo algo mal porque no logro que funcione este código: script type=text/javascript $('.logo').hover( function () { $('.cabecera ul.menu').fadeIn('slow'); $('div.imagen').addClass('visible'); }, ); /script Al pasar por el encima de un enlace de clase logo debería: 1- aparecer con un fade-in la lista de clase menu que está dentro de un div de clase cabecera 2- asignar la clase visible al div de clase imagen Básicamente el efecto es similar en ambos casos, que 2 objetos que tienen
Re: [Ovillo] Asignar estilos con jQuery
Hola Jairo, Estoy verificando el problema, a ver si tenemos suerte pero, dime una cosa : El efecto de TRANSICION que veo en esa página, ¿lo tienes hecho en Jquery ? Eso aseguraría que Jquery funciona perfectamente. No vemos dentro de un rato. Zegol from Spain. El día 15 de diciembre de 2011 16:01, inesansebastian inesansebast...@yahoo.es escribió: Hola Jairo, Yo creo que debería especificarse así: $('div.cabecera div.menuTop ul.menu'), y podría no estar funcionando porque no está bien especificado. El 2011 abe 15, a las 15:40, Tei escribió: Pues va a ser... culpa de John Resig. Creo que ya he encontrado el problema. Y no es un fallo tuyo. A mi $('div.cabecera ul.menu') me devuelve null. No me parece una especificacion de elemento mal formada, asi que yo digo que es un bug de Jquery. Puedes probar a darle un id a la cosa que quieres mostrar o ocultar, lo cual sera ademas mas rapido. $('#menu').fadeIn(... On 15/12/2011, Jairo Ochoa jairo.oc...@gmail.com wrote: Gracias por la ayuda. Esta es la página http://www.disegna.es/web/es/slider-portada Veréis que el código es algo más extenso que el que pegué yo en el mensaje. Las zonas activas son el logo de cabecera y el slider. Saludos -- Jairo Ochoa El 15 de diciembre de 2011 15:10, zegol gol zeg...@gmail.com escribió: Hola Jairo, Si no te importa, para que la cosa sea más fácil, me gustaría tener tu código html, así buscamos el problema. Es que con la programación, hay que tener mucho cuidado. Como dice un compañero, igual tienes algo mal en tu HTML. Te lo pido para comprobar muchas cosas, entre otras, el orden en que llamas tus archivos. No quites nada del código, o sea desde la versión de tu html hasta el footer o cierre de body, depende como lo tienes. Saludos. Zegol from Spain. El 15/12/11, Jairo Ochoa jairo.oc...@gmail.com escribió: Hola Tei, El objeto es visible, es un enlace que dentro tiene un logo y funciona bien como enlace. También uso un código similar para un div que contiene un slider y con ese div, que es visible, tampoco funciona. ¿Puede ser problema del jQuery? ¿Necesita alguna librería extra? Saludos, -- Jairo Ochoa El 15 de diciembre de 2011 01:06, Tei oscar.vi...@gmail.com escribió: Asi a volepronto, sin mirar tu codigo en funcionamiento. Antes de mirar nada lo primero que yo miraria es si el objeto que quieres que genere el hover es visible cuando pasas el raton. A lo mejor si es invisible el navegador decide que no puede ser receptor de ningun onhover. 2011/12/14 Jairo Ochoa jairo.oc...@gmail.com: Hola Zegol, Alguno de los cambios que comentas ya los había probado y así es como está ahora $(document).ready(function(){ $('a.logo').hover( function () { $('div.cabecera ul.menu').fadeIn('slow'); $('div.imagen').addClass('visible'); } ); }); ... pero aun así no funciona. Me di cuenta de que sobraba la coma después de la llave y probé también a meter todo dentro de $(document)... Se me escapa algo más? Gracias -- Jairo Ochoa El 14 de diciembre de 2011 23:44, zegol gol zeg...@gmail.com escribió: Hola y muy bien por pedir ayuda en este web. Prueba con lo siguiente : $(document).ready(function() { $('.logo').hover( function () { $('.cabecera ul.menu').fadeIn('slow'); $('div.imagen').addClass('visible'); }); }); Copia el código entero entre los TAGS de JavaScript que ya tienes. No hagas cambios y coméntame qué tal ha ido. Si te funciona y si lees bien mi código, verás tus posibles errores (He encontrado creo que 2 ou 3). Si te funciona, pero que no entiendes el código, vuelve por aquí y lo comentaremos entre todos. Espero que te haya sido de utilidad. Suerte. Zegol from Spain. El día 14 de diciembre de 2011 22:06, Jairo Ochoa jairo.oc...@gmail.com escribió: Eso, por defecto display:none y con el js debería mostrarse. No lo comenté, pero en el head hay un script type=text/javascript src=/web/jquery/jquery.js view-source:http://www.disegna.es/web/jquery/jquery.js /script Saludos -- Jairo Ochoa Dropbox: Almacenamiento gratis / Free online backup https://www.dropbox.com/referrals/NTg2Njc1MTg5 El 14 de diciembre de 2011 21:52, Miguel Angel mik_...@hotmail.com escribió: Por defecto tiene display: none¿? Un saludo! El 14/12/2011, a las 21:48, Jairo Ochoa escribió: Hola a tod@s, Debo estar haciendo algo mal porque no logro que funcione este código: script type=text/javascript $('.logo').hover( function () { $('.cabecera ul.menu').fadeIn('slow'); $('div.imagen').addClass('visible'); }, ); /script Al pasar por el encima de un enlace de clase logo debería: 1- aparecer con un fade-in la lista de clase menu que está dentro de un div de clase cabecera 2- asignar la clase visible al div de clase imagen Básicamente el efecto es similar en ambos casos, que 2 objetos que tienen
Re: [Ovillo] Asignar estilos con jQuery
Hola Jairo, Necesito tu afirmación sobre mi pregunta anterior, o sea saber si el efecto de TRANSICION del link que pegaste está hecho con Jquery. Sólo con tu respuesta, sabría si funciona o no el Jquery. Cuando puedas. Saludos. Zegol from Spain. El día 15 de diciembre de 2011 16:30, zegol gol zeg...@gmail.com escribió: Hola Jairo, Estoy verificando el problema, a ver si tenemos suerte pero, dime una cosa : El efecto de TRANSICION que veo en esa página, ¿lo tienes hecho en Jquery ? Eso aseguraría que Jquery funciona perfectamente. No vemos dentro de un rato. Zegol from Spain. El día 15 de diciembre de 2011 16:01, inesansebastian inesansebast...@yahoo.es escribió: Hola Jairo, Yo creo que debería especificarse así: $('div.cabecera div.menuTop ul.menu'), y podría no estar funcionando porque no está bien especificado. El 2011 abe 15, a las 15:40, Tei escribió: Pues va a ser... culpa de John Resig. Creo que ya he encontrado el problema. Y no es un fallo tuyo. A mi $('div.cabecera ul.menu') me devuelve null. No me parece una especificacion de elemento mal formada, asi que yo digo que es un bug de Jquery. Puedes probar a darle un id a la cosa que quieres mostrar o ocultar, lo cual sera ademas mas rapido. $('#menu').fadeIn(... On 15/12/2011, Jairo Ochoa jairo.oc...@gmail.com wrote: Gracias por la ayuda. Esta es la página http://www.disegna.es/web/es/slider-portada Veréis que el código es algo más extenso que el que pegué yo en el mensaje. Las zonas activas son el logo de cabecera y el slider. Saludos -- Jairo Ochoa El 15 de diciembre de 2011 15:10, zegol gol zeg...@gmail.com escribió: Hola Jairo, Si no te importa, para que la cosa sea más fácil, me gustaría tener tu código html, así buscamos el problema. Es que con la programación, hay que tener mucho cuidado. Como dice un compañero, igual tienes algo mal en tu HTML. Te lo pido para comprobar muchas cosas, entre otras, el orden en que llamas tus archivos. No quites nada del código, o sea desde la versión de tu html hasta el footer o cierre de body, depende como lo tienes. Saludos. Zegol from Spain. El 15/12/11, Jairo Ochoa jairo.oc...@gmail.com escribió: Hola Tei, El objeto es visible, es un enlace que dentro tiene un logo y funciona bien como enlace. También uso un código similar para un div que contiene un slider y con ese div, que es visible, tampoco funciona. ¿Puede ser problema del jQuery? ¿Necesita alguna librería extra? Saludos, -- Jairo Ochoa El 15 de diciembre de 2011 01:06, Tei oscar.vi...@gmail.com escribió: Asi a volepronto, sin mirar tu codigo en funcionamiento. Antes de mirar nada lo primero que yo miraria es si el objeto que quieres que genere el hover es visible cuando pasas el raton. A lo mejor si es invisible el navegador decide que no puede ser receptor de ningun onhover. 2011/12/14 Jairo Ochoa jairo.oc...@gmail.com: Hola Zegol, Alguno de los cambios que comentas ya los había probado y así es como está ahora $(document).ready(function(){ $('a.logo').hover( function () { $('div.cabecera ul.menu').fadeIn('slow'); $('div.imagen').addClass('visible'); } ); }); ... pero aun así no funciona. Me di cuenta de que sobraba la coma después de la llave y probé también a meter todo dentro de $(document)... Se me escapa algo más? Gracias -- Jairo Ochoa El 14 de diciembre de 2011 23:44, zegol gol zeg...@gmail.com escribió: Hola y muy bien por pedir ayuda en este web. Prueba con lo siguiente : $(document).ready(function() { $('.logo').hover( function () { $('.cabecera ul.menu').fadeIn('slow'); $('div.imagen').addClass('visible'); }); }); Copia el código entero entre los TAGS de JavaScript que ya tienes. No hagas cambios y coméntame qué tal ha ido. Si te funciona y si lees bien mi código, verás tus posibles errores (He encontrado creo que 2 ou 3). Si te funciona, pero que no entiendes el código, vuelve por aquí y lo comentaremos entre todos. Espero que te haya sido de utilidad. Suerte. Zegol from Spain. El día 14 de diciembre de 2011 22:06, Jairo Ochoa jairo.oc...@gmail.com escribió: Eso, por defecto display:none y con el js debería mostrarse. No lo comenté, pero en el head hay un script type=text/javascript src=/web/jquery/jquery.js view-source:http://www.disegna.es/web/jquery/jquery.js /script Saludos -- Jairo Ochoa Dropbox: Almacenamiento gratis / Free online backup https://www.dropbox.com/referrals/NTg2Njc1MTg5 El 14 de diciembre de 2011 21:52, Miguel Angel mik_...@hotmail.com escribió: Por defecto tiene display: none¿? Un saludo! El 14/12/2011, a las 21:48, Jairo Ochoa escribió: Hola a tod@s, Debo estar haciendo algo mal porque no logro que funcione este código: script type=text/javascript $('.logo').hover( function () { $('.cabecera ul.menu').fadeIn('slow');
Re: [Ovillo] Asignar estilos con jQuery
Hola a todos, El slider funciona con mootools, ya que si elimino a ruta de /jquery/jquery.js sigue funcionando. Ese slider un plugin de Joomla que no instalé yo, así que esta me parece la forma más sencilla de comprobarlo. He probado también a cambiar el código y poner $('div.cabecera div.menuTop ul.menu') pero no hay diferencia. Intentaré asignar el ID a los respectivos menus de cabecera y pie a ver si así funciona. Incluso añadí una nueva línea de código por si el problema estaba en no incluir la libreria de jquery.ui.core.js, pero no hay manera. De todas maneras, fijaos que he puesto unos alert() que no funcionan al hacer el hover ¿parece indicar que el fallo está en el hover?. Saludos, -- Jairo Ochoa El 15 de diciembre de 2011 17:25, zegol gol zeg...@gmail.com escribió: Hola Jairo, Necesito tu afirmación sobre mi pregunta anterior, o sea saber si el efecto de TRANSICION del link que pegaste está hecho con Jquery. Sólo con tu respuesta, sabría si funciona o no el Jquery. Cuando puedas. Saludos. Zegol from Spain. El día 15 de diciembre de 2011 16:30, zegol gol zeg...@gmail.com escribió: Hola Jairo, Estoy verificando el problema, a ver si tenemos suerte pero, dime una cosa : El efecto de TRANSICION que veo en esa página, ¿lo tienes hecho en Jquery ? Eso aseguraría que Jquery funciona perfectamente. No vemos dentro de un rato. Zegol from Spain. El día 15 de diciembre de 2011 16:01, inesansebastian inesansebast...@yahoo.es escribió: Hola Jairo, Yo creo que debería especificarse así: $('div.cabecera div.menuTop ul.menu'), y podría no estar funcionando porque no está bien especificado. El 2011 abe 15, a las 15:40, Tei escribió: Pues va a ser... culpa de John Resig. Creo que ya he encontrado el problema. Y no es un fallo tuyo. A mi $('div.cabecera ul.menu') me devuelve null. No me parece una especificacion de elemento mal formada, asi que yo digo que es un bug de Jquery. Puedes probar a darle un id a la cosa que quieres mostrar o ocultar, lo cual sera ademas mas rapido. $('#menu').fadeIn(... On 15/12/2011, Jairo Ochoa jairo.oc...@gmail.com wrote: Gracias por la ayuda. Esta es la página http://www.disegna.es/web/es/slider-portada Veréis que el código es algo más extenso que el que pegué yo en el mensaje. Las zonas activas son el logo de cabecera y el slider. Saludos -- Jairo Ochoa El 15 de diciembre de 2011 15:10, zegol gol zeg...@gmail.com escribió: Hola Jairo, Si no te importa, para que la cosa sea más fácil, me gustaría tener tu código html, así buscamos el problema. Es que con la programación, hay que tener mucho cuidado. Como dice un compañero, igual tienes algo mal en tu HTML. Te lo pido para comprobar muchas cosas, entre otras, el orden en que llamas tus archivos. No quites nada del código, o sea desde la versión de tu html hasta el footer o cierre de body, depende como lo tienes. Saludos. Zegol from Spain. El 15/12/11, Jairo Ochoa jairo.oc...@gmail.com escribió: Hola Tei, El objeto es visible, es un enlace que dentro tiene un logo y funciona bien como enlace. También uso un código similar para un div que contiene un slider y con ese div, que es visible, tampoco funciona. ¿Puede ser problema del jQuery? ¿Necesita alguna librería extra? Saludos, -- Jairo Ochoa El 15 de diciembre de 2011 01:06, Tei oscar.vi...@gmail.com escribió: Asi a volepronto, sin mirar tu codigo en funcionamiento. Antes de mirar nada lo primero que yo miraria es si el objeto que quieres que genere el hover es visible cuando pasas el raton. A lo mejor si es invisible el navegador decide que no puede ser receptor de ningun onhover. 2011/12/14 Jairo Ochoa jairo.oc...@gmail.com: Hola Zegol, Alguno de los cambios que comentas ya los había probado y así es como está ahora $(document).ready(function(){ $('a.logo').hover( function () { $('div.cabecera ul.menu').fadeIn('slow'); $('div.imagen').addClass('visible'); } ); }); ... pero aun así no funciona. Me di cuenta de que sobraba la coma después de la llave y probé también a meter todo dentro de $(document)... Se me escapa algo más? Gracias -- Jairo Ochoa El 14 de diciembre de 2011 23:44, zegol gol zeg...@gmail.com escribió: Hola y muy bien por pedir ayuda en este web. Prueba con lo siguiente : $(document).ready(function() { $('.logo').hover( function () { $('.cabecera ul.menu').fadeIn('slow'); $('div.imagen').addClass('visible'); }); }); Copia el código entero entre los TAGS de JavaScript que ya tienes. No hagas cambios y coméntame qué tal ha ido. Si te funciona y si lees bien mi código, verás tus posibles errores (He encontrado creo que 2 ou 3). Si te funciona, pero que no