hacer que aparezca una div concreta mediante javascript
Hola buenas, tengo un pequeño problema con un javascript que no funciona, os cuento:
Tengo 2 capas definidas en CSS:
#sombra600{
display:none;
position:absolute;
left:760px;top:0px;
width:10px; height:450px;
background:url(../img/sombra.png) repeat-y;
z-index:3;}
#sombra768{
display:none;
position:absolute;
left:760px;top:0px;
width:10px; height:500px;
background:url(../img/sombra.png) repeat-y;
z-index:4;}
Lo que quiero hacer con el javascript es que segun la anchura de la resolucion me muestre una u otra. Estuve mirando por foros y consegui un codigo para cambiar la propiedad display:
<script type="text/javascript" language="javascript1.2">
function aparece(){
if(screen.height==768)
{document.getElementById("sombra768").style.display="block";}
else if(screen.height==600)
{document.getElementById("sombra600").style.display="block";}}
</script>
<body onLoad="aparece">
Pero total, que no funciona. ¿Esta mal escrito?¿Esta incompleto?
Gracias de antemano
Tengo 2 capas definidas en CSS:
#sombra600{
display:none;
position:absolute;
left:760px;top:0px;
width:10px; height:450px;
background:url(../img/sombra.png) repeat-y;
z-index:3;}
#sombra768{
display:none;
position:absolute;
left:760px;top:0px;
width:10px; height:500px;
background:url(../img/sombra.png) repeat-y;
z-index:4;}
Lo que quiero hacer con el javascript es que segun la anchura de la resolucion me muestre una u otra. Estuve mirando por foros y consegui un codigo para cambiar la propiedad display:
<script type="text/javascript" language="javascript1.2">
function aparece(){
if(screen.height==768)
{document.getElementById("sombra768").style.display="block";}
else if(screen.height==600)
{document.getElementById("sombra600").style.display="block";}}
</script>
<body onLoad="aparece">
Pero total, que no funciona. ¿Esta mal escrito?¿Esta incompleto?
Gracias de antemano
