Problema con .rjs y capas...

[VitorGarcia]

Hola a todos, me he tropezado con la carga de unas cosas en AJAX... a ver si me podeis ayudar, os cuento...

Tengo una página que tiene una estructura de capas similar a esto...

Cuando estás en el index de "galerias" tengo:
<div id="contenido">

aquí se muestran las distintas galerias

</div>

cuando le das a una foto de las que salen en las distintas galerias lo desaparezco con un fade y hago aparecer con un blindDown todas las fotos de esa galeria y la imagen en la que has clickado en el index de galerias...
el codigo del rjs es este:

Código:

page.visual_effect :fade, "contenido", :duration=>2
page.delay 2 do
  page[:contenido].replace_html :partial => 'showGaleria'
  page.visual_effect :blindDown, "contenido", :duration => 1
end

cuando se carga ese "showGaleria" la estructura de capas es así:
<div id="contenido">

capas para mostrar los thumbs de la galeria y demas cosillas

<div id="imagenShow">

aquí se muestra la imagen en la que has clickado

</div>

</div>


Bien pues el caso es que yo quiero que cuando está presente la capa "imagenShow" no se recargue por AJAX el "contenido" sino que solo se recargue la foto, por cuestiones estéticas además de así hacer trabajar menos al servidor y acelerar un poco el proceso, el código introducido en el rjs para ello es este:

Código:

page.visual_effect :fade, "imagenShow", :duration=>1
page.delay 1 do
  page.visual_effect :appear, "imagenShow", :duration => 1
  page[:imagenShow1].replace_html :partial => 'cambioImagen'
end

el partial cambioImagen simplemente incluye la nueva ruta de la foto seleccionada.


Pues todo esto funciona por separado, pero cuando lo quiero juntar es cuando tengo los problemas, he estado intentando meter condicionales en el .rjs para que si existe la capa "imagenShow" se recargue ella y si no pues se recargue la capa "contenido".

despues de ni se sabe cuantas búsquedas por google el codigo que ponía al .rjs es algo así:

Código:

page << "if $('imagenShow') {"
  page.visual_effect :fade, "imagenShow", :duration=>1
  page.delay 1 do
    page.visual_effect :appear, "imagenShow", :duration => 1, :delay => 1
    page[:imagenShow1].replace_html :partial => 'cambioImagen'
  end
page << "} else {"
  page.visual_effect :fade, "contenido", :duration=>2
  page.delay 2 do
    page[:contenido].replace_html :partial => 'showGaleria'
    page.visual_effect :blindDown, "contenido", :duration => 1
  end
page << "}"

como podeis suponer esto no me funciona ;( , alguien me podría indicar la manera correcta de ponerlo??

Muchas gracias a todos...

[Yaraher]

¿Has comprobado que el condicional if $('imagenShow') realmente está comprobando la existencia de ese elemento?

¿No debería ser algo como $('div#imagenShow')?

[VitorGarcia]

He probado de las dos manera y na, no lo consigo... de todas formas no me voy a seguir atascando en eso, lo he hecho de otra manera para salir del paso y cuando termine con otras cosillas y me pondré a darle vueltas...

Un saludo y gracias por la ayuda.

[Yaraher]

De todas formas recomendaría probar también con jQuery y el plugin jRails. Es lo que utilizo para mis proyectos y es mucho más sencillo.

¡Suerte!