Multicapas con varios Input Hola!
Mi intención en el siguiente código es abrir mediante un input determinada capa cerrando la que estaba en su lugar. Para agilizar la carga inicial del index, este mismo se inicia con una capa vacía.
Por algún motivo no esta funcionando correctamente debido a que lo modifiqué para cumplir el objetivo nombrado anteriormente. Cuando se presiona un input, automáticamente deja la página en blanco.
Agradecería si alguien sabe como podría lograr que cada input responda a una capa diferente cerrando la anterior.
El código es el siguiente:
<html>
<head>
<title>Capas visibles e invisibles</title>
<style type="text/css">
#pantalla {position: absolute; width: 50%; height: 50%; background-color:#FFFFFF; border: 2px solid #FF9933}
</style>
</head>
<body>
<div id="pantalla" style="background:none; position:absolute; top:10%; left:35%; width:33%; height:10%; border:0px"></div>
<input id="b1" type="button" onClick="javascript:i1()" value="apretaMe1" style="background-color:#FFFFFF; border:1px solid; border-color:#0066FF; color:#333333"/>
<input id="b2" type="button" onClick="javascript:i2()" value="apretaMe2" style="background-color:#FFFFFF; border: 1px solid; border-color:#0066FF; color:#333333"/>
<input id="b3" type="button" onClick="javascript:i3()" value="apretaMe3" style="background-color:#FFFFFF; border: 1px solid; border-color:#0066FF; color:#333333"/>
<script language="javascript">
function ac(){
var once_per_browser=0
var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ns4)
crossobj=document.layers.pantalla
else if (ie4||ns6)
crossobj=ns6? document.getElementById("pantalla") : document.all.pantalla
function closeit(){
if (ie4||ns6)
crossobj.style.visibility="visible"
else if (ns4)
crossobj.visibility="show"
}
function get_cookie4(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie4.length > 0) {
offset = document.cookie4.indexOf(search)
if (offset != -1) { // if cookie4 exists
offset += search.length
// set index of beginning of value
end = document.cookie4.indexOf(";", offset);
// set index of end of cookie4 value
if (end == -1)
end = document.cookie4.length;
returnvalue=unescape(document.cookie4.substring(of fset, end))
}
}
return returnvalue;
}
function showornot(){
if (get_cookie4('postdisplay')==''){
showit()
document.cookie4="postdisplay=yes"
}
}
function showit(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
crossobj.visibility="hide"
}
if (once_per_browser)
showornot()
else
showit()
}
function i1(){
document.write("<div id='pantalla'></div>")
showit()
closeit()
}
function i2(){
document.write("<div id='pantalla'></div>")
showit()
closeit()
}
function i3(){
document.write("<div id='pantalla'></div>")
showit()
closeit()
}
</script>
</body>
</html>
Desde ya muchas gracias...
