Problema con capas y .rjs

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:

aquí se muestran las distintas galerias

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:

###################
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í:

capas para mostrar los thumbs de la galeria y demas cosillas
aquí se muestra la imagen en la que has clickado

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:

###################
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í:

###################
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…

hola,

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:

se me ocurre que cuando muestras el div “imagenShow” pongas una variable
en javascript y que esa variable la envíes junto al click. Así podrás
recibir la variable como param y podrás discriminar en el RJS con un if
qué parte quieres enviar a la vista.

en caso de que no te convenza mucho esa idea, siempre puedes
directamente ignorar el RJS y hacer que tu vista sea javascript puro.
Simplemente haces un render partial del template que lleva todo el
código javascript en lugar de usar los helpers de rails

saludos,

javier ramírez