Este es otro problema que me ha surgido.
Se trata de un código que muestra u oculta capas de texto al pasar con el ratón por encima de un menú.
Y me pasa lo mismo que en el primer problema expuesto: funciona bien en el Internet Explorer. Pero en el Netscape ó el Firefox no produce efecto alguno
¿Alguien me podría decir en esto caso por qué?
Este es el código en dos partes:
(1ª parte)
Código:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mostrar/Ocultar Capas</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css_js/novoCSS.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
<!--
var idtd;
var nc = (document.layers) ? true:false
var ie = (document.all) ? true:false
var n6 = (document.getElementById) ? true:false
function mostrarcapa(id,latd) {
idtd = latd;
if(nc) {
document.principal.document.fondo.document.layers[id].visibility="show";
}
else if(ie) {
document.all[id].style.visibility="visible";
}
else if(n6) {
document.getElementById(id).style.visibility="visible";
}
}
function ocultartodo() {
if(nc) {
document.principal.document.fondo.document.layers[paso0txt].visibility="hidde";
document.principal.document.fondo.document.layers[paso1txt].visibility="hidde";
document.principal.document.fondo.document.layers[paso2txt].visibility="hidde";
document.principal.document.fondo.document.layers[paso3txt].visibility="hidde";
document.principal.document.fondo.document.layers[paso4txt].visibility="hidde";
document.principal.document.fondo.document.layers[paso5txt].visibility="hidde";
document.principal.document.fondo.document.layers[paso6txt].visibility="hidde";
document.principal.document.fondo.document.layers[paso7txt].visibility="hidde";
}
else if(ie) {
document.all['paso0txt'].style.visibility="hidden";
document.all['paso1txt'].style.visibility="hidden";
document.all['paso2txt'].style.visibility="hidden";
document.all['paso3txt'].style.visibility="hidden";
document.all['paso4txt'].style.visibility="hidden";
document.all['paso5txt'].style.visibility="hidden";
document.all['paso6txt'].style.visibility="hidden";
document.all['paso7txt'].style.visibility="hidden";
}
else if(n6) {
document.getElementById(paso0txt).style.visibility="hidden";
document.getElementById(paso1txt).style.visibility="hidden";
document.getElementById(paso2txt).style.visibility="hidden";
document.getElementById(paso3txt).style.visibility="hidden";
document.getElementById(paso4txt).style.visibility="hidden";
document.getElementById(paso5txt).style.visibility="hidden";
document.getElementById(paso6txt).style.visibility="hidden";
document.getElementById(paso7txt).style.visibility="hidden";
}
}
function cambio_colover(idcelda){
//EFECTO DE onmouseout PARA TODOS
cambio_colout();
//EFECTO DE onmouseover PARA EL ELEGIDO
idcelda.style.color = "#009933";
idcelda.style.backgroundColor = "#feefb1";
idcelda.style.fontWeight = "bold";
idcelda.style.cursor = "pointer";
if (idtd == 'paso0') {
document.getElementById('paso0img').style.backgroundImage = 'url(imags/icoListaPasos_v.gif)';
}
else if (idtd == 'paso1') {
document.getElementById('paso1img').style.backgroundImage = 'url(imags/icoListaPasos_v.gif)';
}
else if (idtd == 'paso2') {
document.getElementById('paso2img').style.backgroundImage = 'url(imags/icoListaPasos_v.gif)';
}
else if (idtd == 'paso3') {
document.getElementById('paso3img').style.backgroundImage = 'url(imags/icoListaPasos_v.gif)';
}
else if (idtd == 'paso4') {
document.getElementById('paso4img').style.backgroundImage = 'url(imags/icoListaPasos_v.gif)';
}
else if (idtd == 'paso5') {
document.getElementById('paso5img').style.backgroundImage = 'url(imags/icoListaPasos_v.gif)';
}
else if (idtd == 'paso6') {
document.getElementById('paso6img').style.backgroundImage = 'url(imags/icoListaPasos_v.gif)';
}
else if (idtd == 'paso7') {
document.getElementById('paso7img').style.backgroundImage = 'url(imags/icoListaPasos_v.gif)';
}
}
function cambio_colout(){
paso0.style.color = "#000000";
paso0.style.backgroundColor = "#eeeeee";
paso0.style.fontWeight = "";
paso1.style.color = "#000000";
paso1.style.backgroundColor = "#eeeeee";
paso1.style.fontWeight = "";
paso2.style.color = "#000000";
paso2.style.backgroundColor = "#eeeeee";
paso2.style.fontWeight = "";
paso3.style.color = "#000000";
paso3.style.backgroundColor = "#eeeeee";
paso3.style.fontWeight = "";
paso4.style.color = "#000000";
paso4.style.backgroundColor = "#eeeeee";
paso4.style.fontWeight = "";
paso5.style.color = "#000000";
paso5.style.backgroundColor = "#eeeeee";
paso5.style.fontWeight = "";
paso6.style.color = "#000000";
paso6.style.backgroundColor = "#eeeeee";
paso6.style.fontWeight = "";
paso7.style.color = "#000000";
paso7.style.backgroundColor = "#eeeeee";
paso7.style.fontWeight = "";
document.getElementById('paso0img').style.backgroundImage = 'url(imags/icoListaPasos_n.gif)';
document.getElementById('paso1img').style.backgroundImage = 'url(imags/icoListaPasos_n.gif)';
document.getElementById('paso2img').style.backgroundImage = 'url(imags/icoListaPasos_n.gif)';
document.getElementById('paso3img').style.backgroundImage = 'url(imags/icoListaPasos_n.gif)';
document.getElementById('paso4img').style.backgroundImage = 'url(imags/icoListaPasos_n.gif)';
document.getElementById('paso5img').style.backgroundImage = 'url(imags/icoListaPasos_n.gif)';
document.getElementById('paso6img').style.backgroundImage = 'url(imags/icoListaPasos_n.gif)';
document.getElementById('paso7img').style.backgroundImage = 'url(imags/icoListaPasos_n.gif)';
}
//-->
</script><style type="text/css">
<!--
.negrita {
font-weight: bold;
}
.top {
vertical-align: top;
}
-->
</style></head>
(la 2ª parte en el siguiente mensaje)