Mostrar y ocultar capa con botones

[elkevin]

Buenas tardes gente!,

Estoy intentando mostrar una capa con un botón, en realidad, tal vez use un <a> disfrazado con CSS.

Una vez que la capa se muestre sobre el contenido del sitio, quiero que tenga 2 opciones, una de esas será "Cancelar", la que ocultará la capa y el sitio quedará intacto, en caso de "Aceptar" realizaría una consulta y el sitio se actualizaría.

No se si si puedo modificar atributos de los CSS como hidden o visible con Javascript, aunque no es necesariamente lo que necesito, por que el contenido de la capa dependerá de la opción que se seleccione en el HTML.

Sería algo así:



Agradecería a todo aquel que me tire un hilo como para pelearla.

Desde ya, muchas gracias!.

[Impostor]

Iniciado por elkevin

No se si si puedo modificar atributos de los CSS como hidden o visible con Javascript, aunque no es necesariamente lo que necesito, por que el contenido de la capa dependerá de la opción que se seleccione en el HTML.

Efectivamente, podrias modificar la propiedad CSS con javascript y no es complicado, pero debes preguntar en el foro de javascript...

Saludos¡¡

[jomaruro]

Hola:

Los atributos puedes modificarlos mediante javascript, pero te aconsejaría que mejor preguntaras en ese foro, te podrán contestar mejor que yo.

Saludos.

[masterojitos]

bueno la verdad eso es algo sencillo a estas alturas de la web en internet.

el codigo es algo asi:

Código html:

<script>
 
function mostrardiv() {
 
div = document.getElementById('flotante');
 
div.style.display = '';
 
}
 
function cerrar() {
 
div = document.getElementById('flotante');
 
div.style.display='none';
 
}
 
</script>
<div id="mostrarDiv"><a href="javascript:mostrardiv();">Mostrar Div</a></div>
<div id="flotante" style="display:none;"> Este es un div oculto <br><a href="javascript:cerrar();"> presiona aquí para cerrar</a> </div>
 

pero lo que necesitas ya esta mas que hecho.......

algo parecido son los efectos box....

mira estos links al paso:
http://www.emanueleferonato.com/2007...script-needed/

http://blog.unijimpe.net/efecto-lightbox-con-css/

espero te sirva.

suerte.

[jomaruro]

Hola masterojitos.

Me haf dejado fin dientef ¡¡Vaya topetazo!!

Saludos.

[elkevin]

Muchas gracias por participar muchachos!, me sirvió mucho el código que me facilitaste masterojitos!.

Ahí lo estoy trabajando!, la verdad es que busqué en la web, y encontré varios scripts y herramientas que realizan cosas como cargar páginas, pero nada me convenció demasiado.

El tema, es que me gustaría que el contenido del DIV oculto se amolde a los parámetros que se le pasen con la función, algo como lo que quiero eh visto en ML:



Por eso es, que si se aceptan las modificaciones ahí, realizo una consulta, la cual me modifica el contenido del sitio, y caso contrario, la capa se oculta y nada pasa.

Seguro que hay mucha información al respecto en la web, pero hace poco que estoy en el tema de CSS y JavaScript, y a veces no se ni con que tags buscar lo que quiero. Esto es lo que me paso en este caso.

Intenté urgar en el código de ML, pero definitivamente, es una maraña muy interesante, en la que me perdí.

Aprecio mucho su ayuda muchachos!. Cualquier cable que me tiren es de ayuda!.

Saludos!.

[masterojitos]

y los links que te pase????? que no te son utiles ???

[JavierB]

Hola elkevin

Muevo tu tema al foro de Javascript desde CSS.

Saludos,

[elkevin]

Iniciado por masterojitos

y los links que te pase????? que no te son utiles ???

Soy un tonto!, me apresuré a mirar el código que me sitaste, y se me pasaron esos link's!, te pido mil disculpas!, se ven fantásticos, ahora mismo lo reviso bien y vuelvo para comentarte!.

Iniciado por JavierB

Hola elkevin

Muevo tu tema al foro de Javascript desde CSS.

Saludos,

Perfecto amigo!, muchísimas gracias!.

[elkevin]

Ya me las estoy empezando a ingeniar con el código de los links masterojitos!, muchísimas gracias!, bárbara la estética!, y super funcional!, muchas muchas gracias!.

Gracias a todos por darme una mano gente!.