Como hacer lo siguiente

[fcmonier85]

Hola a toda la comunidad.

Estoy en la realización de mi site web y el mismo en su pagina de inicio contiene varios div los cuales tienen cada uno su ID y su contenido.

Lo que quiero es que cuando un user realice una operación en algunos de esos div se muestre un cargando pero no el que casi todo el mundo conoce que es coger y poner en todo el div cargando y el contenido que había se desaparece, lo que quisiera hacer si se puede(que me parece que si) es en ves de hacer eso hacerlo pero como con una ventana modal, es decir qe me mantenga el contenido que ahi y bloque solamente el contenido de ese div con una ventana modal y en el centro salga el cargando.

Espero me puedan ayudar con ideas, algún ejemplo que se pueda descargar, etc...

Saludo

[marcelogdiaz]

Hola fcmonier85, lo que puedes hacer es ocultar ese div y mostrar otro, como una especie de capa. Deben ser parecidos en tamaño (lo puedes hacer con CSS) y ante el evento sobre el div, que se oculte y muestre el otro y viceversa.

Esto lo podes hacer directamente con get.elementById('idelemento1').style.display = 'none' o 'block', pero para asegurarte cross-browser compatibility te recomiendo usar alguna libreria como por ej Prototype.

Con Prototype seria algo como $('idelemento1').hide() o $('idelemento1').show()

Espero q te haya servido de ayuda!!!

[fcmonier85]

Si te entiendo pero no he trabajado con Prototype, y no se como seria, podriamas mandarme un ejemplo... grasias.

Saludos.