Buenas, tengo este código, que es de la manera que he ocultado divs siempre, pero no se por que razón no funciona.La finalidad es mostrar y ocultar los divs que tiene como id "menuh" y "menuh2", pero no se porque razón me dice que el elemento no acepta esa propiedad o metodo.
NO FUNCIONA NI EN IE6 NI EN IE7 NI EN IE8 NI EN FIREFOX 3.
os pongo el código a ver que puede ser. Tambien comentaros que este codigo es un include, es decir que es una parte que se incluye luego en las paginas.
Código:
<script language="javascript">
function ocultar(div) {
alert(div);
if(div=='menuh'){
document.getElementByID('menuh').style.display = 'none';
}else{
document.getElementByID('menuh2').style.display = 'none';
}
}
function mostrar(div) {
alert(div);
if(div=="menuh"){
document.getElementByID('menuh').style.display = '';
}else {
document.getElementByID('menuh2').style.display = '';
}
}
</script>
<style>
div.ver {
display:block;
}
div.oculto{
display:none;
}
#menu-sup2 li a {
font-size: 16px;
text-decoration: none;
color: #E2001A;
}
#menu-sup2 li a:hover{
color: #643E17;
}
#menu-sup2 ul {
list-style-image: none;
list-style-type: none;
float: right;
margin-bottom: 10px;
}
#menu-sup2 li {
font-size: 16px;
font-weight: bold;
color: #643E17;
float: left;
margin-left: 10px;
}
#menuh ul, li {
list-style-type: none;
}
#menuh ul {
margin: 0;
padding: 0;
list-style-image: none;
list-style-type: none;
float: right;
margin-bottom: 10px;
}
#menuh li {
font-size: 16px;
font-weight: bold;
color: #643E17;
margin-left: 10px;
float: left;
}
#menuh a {
text-decoration: none;
display: block;
text-align: center;
font-size: 16px;
text-decoration: none;
color: #E2001A;
}
#menuh a:hover {
color: #643E17;
}
#menuh2 ul, li {
list-style-type: none;
}
#menuh2 ul {
margin: 0;
padding: 0;
list-style-image: none;
list-style-type: none;
float: right;
margin-bottom: 10px;
}
#menuh2 li {
font-size: 16px;
font-weight: bold;
color: #643E17;
margin-left: 10px;
float: left;
}
#menuh2 a {
text-decoration: none;
display: block;
text-align: center;
font-size: 16px;
text-decoration: none;
color: #E2001A;
}
#menuh2 a:hover {
color: #643E17;
}
</style>
<div id="menu-sup">
<ul>
<li>|</li>
<li><a tabindex="6" class="off" href="javascript:mostrar('menuh');" title="<?=comun(29)?>" ><?=comun(29)?></a></li>
<li>|</li>
<li><a tabindex="5" class="off" href="javascript:mostrar('menuh2');ocultar('menuh');" title="<?=comun(34)?>" ><?=comun(34)?></a></li>
<li>|</li>
<? if (basename($_SERVER['PHP_SELF'])=="home.php") { ?>
<li><?=comun(3)?></li>
<? } else { ?>
<li><a tabindex="1" class="off" href="home" title="<?=comun(3)?>" ><?=comun(3)?></a></li>
<? }?>
<li>|</li>
<? if (basename($_SERVER['PHP_SELF'])=="quienes_somos.php") { ?>
<li><?=comun(1)?></li>
<? } else { ?>
<li><a tabindex="2" class="off" href="quienes_somos" title="<?=comun(1)?>" ><?=comun(1)?></a></li>
<? }?>
<li>|</li>
<? if (basename($_SERVER['PHP_SELF'])=="objetivos.php") { ?>
<li><?=comun(34)?></li>
<? } else { ?>
<li><a tabindex="3" class="off" href="objetivos" title="<?=comun(34)?>" ><?=comun(34)?></a></li>
<? }?>
<li>|</li>
<? if (basename($_SERVER['PHP_SELF'])=="guia.php") { ?>
<li><?=comun(28)?></li>
<? } else { ?>
<li><a tabindex="3" class="off" href="guia" title="<?=comun(28)?>" ><?=comun(28)?></a></li>
<? }?>
<li>|</li>
<? if (basename($_SERVER['PHP_SELF'])=="contacto.php") { ?>
<li><?=comun(27)?></li>
<? } else { ?>
<li><a tabindex="4" class="off" href="contacto" title="<?=comun(27)?>" ><?=comun(27)?></a></li>
<? }?>
</ul>
</div><br>
<div id="menuh">
<ul>
<li>|</li>
<li><a tabindex="13" class="off" href="recomendaciones?id=50" title="<?=comun(35)?>"><?=comun(35)?></a></li>
<li>|</li>
<li><a tabindex="12" class="off" href="recomendaciones?id=51" title="<?=comun(36)?>"><?=comun(36)?></a></li>
<li>|</li>
<li><a tabindex="11" class="off" href="recomendaciones?id=52" title="<?=comun(37)?>"><?=comun(37)?></a></li>
<li>|</li>
<li><a tabindex="10" class="off" href="recomendaciones?id=53" title="<?=comun(38)?>"><?=comun(38)?></a></li>
<li>|</li>
<li><a tabindex="9" class="off" href="recomendaciones?id=54" title="<?=comun(39)?>"><?=comun(39)?></a></li>
<li>|</li>
<li><a tabindex="8" class="off" href="recomendaciones?id=55" title="<?=comun(40)?>"><?=comun(40)?></a></li>
<li>|</li>
<li><a tabindex="7" class="off" href="recomendaciones?id=56" title="<?=comun(41)?>"><?=comun(41)?></a></li>
</ul>
</div>
<div id="menuh2">
<ul>
<li>|</li>
<li><a tabindex="20" class="off" href="recomendaciones?id=57" title="<?=comun(42)?>"><?=comun(42)?></a></li>
<li>|</li>
<li><a tabindex="19" class="off" href="recomendaciones?id=58" title="<?=comun(43)?>"><?=comun(43)?></a></li>
<li>|</li>
<li><a tabindex="18" class="off" href="recomendaciones?id=59" title="<?=comun(44)?>"><?=comun(44)?></a></li>
<li>|</li>
<li><a tabindex="17" class="off" href="recomendaciones?id=60" title="<?=comun(45)?>"><?=comun(45)?></a></li>
<li>|</li>
<li><a tabindex="16" class="off" href="recomendaciones?id=61" title="<?=comun(46)?>"><?=comun(46)?></a></li>
<li>|</li>
<li><a tabindex="15" class="off" href="recomendaciones?id=62" title="<?=comun(47)?>"><?=comun(47)?></a></li>
<li>|</li>
<li><a tabindex="14" class="off" href="recomendaciones?id=63" title="<?=comun(48)?>"><?=comun(48)?></a></li>
<li>|</li>
<li><a tabindex="21" class="off" href="recomendaciones?id=63" title="<?=comun(49)?>"><?=comun(49)?></a></li>
</ul>
</div>
Espero que puedan ayudarme
un saludo.