Hola, bueno tras ser aconsejado por un compañero de aqui, me puse a montar un invento.. que seria algo como:
Cuando clickas el Boton "comprar", aparesca un div al medio de la pantalla diciendo, las formas de pagar.. paypal, tranfrecencia, visa etc...
Así es como lo tengo montado y no funciona:
CSS: Código HTML:
.contenido_a_mostrar {
width:400px;
height:500px;
position:fixed;
top:50%;
left:50%;
margin-left: -200px;
margin-top: -250px;
background:url() center no-repeat transparent;
background-color: #999999;
}
JavaScript: Código HTML:
<script language='JavaScript'>
function muestra_oculta(id){
if (document.getElementById){ //se obtiene el id
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta('contenido_a_mostrar');/* "contenido_a_mostrar" es el nombre que le dimos al DIV */
}
</script>
DIV: Código HTML:
<div class="contenido_a_mostrar">
<p>Este contenido tiene que mostrarse con el link
<a style='cursor: pointer;' onclick="muestra_oculta('contenido_a_mostrar')" title="">Mostrar / Ocultar</a>
</p>
</div>
<a style='cursor: pointer;' onclick="muestra_oculta('contenido_a_mostrar')" title="">Mostrar / Ocultar</a>
El problema es que el script me funciona con ID, y el div al medio de la pantalla me funciona solo con CLASS, hago por separado? y.. si tengo una ID, la podre usar en otras paginas ?
Muchisimas gracias anticipadas!