06/08/2009, 02:41
|
| | | Fecha de Ingreso: diciembre-2007
Mensajes: 124
Antigüedad: 16 años, 5 meses Puntos: 2 | |
| Respuesta: Problema al mostrar y ocultar capas [No carga JS]
Código:
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<link rel="StyleSheet" href="css/estilo.css" media="screen" type="text/css">
<script type="text/javascript" src="utils/jscharts.js"></script>
<script type="text/javascript" src="utils/funciones.js"></script>
<title>.: Gabinete de Diseño y Organización S.A. - Cuadro de Mandos :.</title>
</head>
<body onResize="sizeGrafico();">
<!-- Página con todas las capas -->
<div id="completa">
<div id="top">
<p class="titulo">Pantalla de indicadores</p>
</div>
<div id="Superior">
<!-- Pestañas -->
<div id="header">
<div id="headerPrincipal">
<ul>
<li id="current"><a href="javascript:abreCapa('DerechaPrincipal','headerPrincipal');">Principal</a></li>
<li><a href="javascript:abreCapa('DerechaBarras','headerBarras');include('utils/grafico.js');">Gráfico de Barras</a></li>
<li><a href="javascript:abreCapa('DerechaTarta','headerTarta');">Gráfico de Tarta</a></li>
<li><a href="javascript:abreCapa('DerechaLinea','headerLinea');">Gráfico de Línea</a></li>
<li><a href="javascript:abreCapa('DerechaAlerta','headerAlerta');">Alerta</a></li>
</ul>
</div>
<div id="headerBarras">
<ul>
<li><a href="javascript:abreCapa('DerechaPrincipal','headerPrincipal');">Principal</a></li>
<li id="current"><a href="javascript:abreCapa('DerechaBarras','headerBarras');">Gráfico de Barras</a></li>
<li><a href="javascript:abreCapa('DerechaTarta','headerTarta');">Gráfico de Tarta</a></li>
<li><a href="javascript:abreCapa('DerechaLinea','headerLinea');">Gráfico de Línea</a></li>
<li><a href="javascript:abreCapa('DerechaAlerta','headerAlerta');">Alerta</a></li>
</ul>
</div>
<div id="headerTarta">
<ul>
<li><a href="javascript:abreCapa('DerechaPrincipal','headerPrincipal');">Principal</a></li>
<li><a href="javascript:abreCapa('DerechaBarras','headerBarras');">Gráfico de Barras</a></li>
<li id="current"><a href="javascript:abreCapa('DerechaTarta','headerTarta');">Gráfico de Tarta</a></li>
<li><a href="javascript:abreCapa('DerechaLinea','headerLinea');">Gráfico de Línea</a></li>
<li><a href="javascript:abreCapa('DerechaAlerta','headerAlerta');">Alerta</a></li>
</ul>
</div>
<div id="headerLinea">
<ul>
<li><a href="javascript:abreCapa('DerechaPrincipal','headerPrincipal');">Principal</a></li>
<li><a href="javascript:abreCapa('DerechaBarras','headerBarras');">Gráfico de Barras</a></li>
<li><a href="javascript:abreCapa('DerechaTarta','headerTarta');">Gráfico de Tarta</a></li>
<li id="current"><a href="javascript:abreCapa('DerechaLinea','headerLinea');">Gráfico de Línea</a></li>
<li><a href="javascript:abreCapa('DerechaAlerta','headerAlerta');">Alerta</a></li>
</ul>
</div>
<div id="headerAlerta">
<ul>
<li><a href="javascript:abreCapa('DerechaPrincipal','headerPrincipal');">Principal</a></li>
<li><a href="javascript:abreCapa('DerechaBarras','headerBarras');">Gráfico de Barras</a></li>
<li><a href="javascript:abreCapa('DerechaTarta','headerTarta');">Gráfico de Tarta</a></li>
<li><a href="javascript:abreCapa('DerechaLinea','headerLinea');">Gráfico de Línea</a></li>
<li id="current"><a href="javascript:abreCapa('DerechaAlerta','headerAlerta');">Alerta</a></li>
</ul>
</div>
</div>
</div>
Ese es el codigo, mediante la funcion abreCapa, abro la que quiero y oculta las demas:
Código:
function cierraCapas() {
document.getElementById("DerechaPrincipal").style.display = "none";
document.getElementById("DerechaBarras").style.display = "none";
document.getElementById("DerechaTarta").style.display = "none";
document.getElementById("DerechaLinea").style.display = "none";
document.getElementById("DerechaAlerta").style.display = "none";
document.getElementById("headerPrincipal").style.display = "none";
document.getElementById("headerBarras").style.display = "none";
document.getElementById("headerTarta").style.display = "none";
document.getElementById("headerLinea").style.display = "none";
document.getElementById("headerAlerta").style.display = "none";
}
//Sin uso actualmente
function abreCapa(capaDerecha, capaHeader) {
cierraCapas();
document.getElementById(capaDerecha).style.display = "inline";
document.getElementById(capaHeader).style.display = "inline";
}
A ver que me podeis decir. |