Buenas a todos
Estoy incorporando unos paneles con etiquetas div que aparecen y desaparecen al pulsar un enlace utilizando javascript.
El código que utilizo es parecido a:
Código:
<script language="JavaScript" type="text/javascript">
<!--
function v_panel1() {
document.getElementById('panel2').style.position = 'absolute';
document.getElementById('panel2').style.left = '-4000px';
document.getElementById('panel3').style.position = 'absolute';
document.getElementById('panel3').style.left = '-4000px';
document.getElementById('panel1').style.position = 'relative';
document.getElementById('panel1').style.left = '0px';
}
function v_panel2() {
document.getElementById('panel1').style.position = 'absolute';
document.getElementById('panel1').style.left = '-4000px';
document.getElementById('panel3').style.position = 'absolute';
document.getElementById('panel3').style.left = '-4000px';
document.getElementById('panel2').style.position = 'relative';
document.getElementById('panel2').style.left = '0px';
}
function v_panel3() {
document.getElementById('panel1').style.position = 'absolute';
document.getElementById('panel1').style.left = '-4000px';
document.getElementById('panel2').style.position = 'absolute';
document.getElementById('panel2').style.left = '-4000px';
document.getElementById('panel3').style.position = 'relative';
document.getElementById('panel3').style.left = '0px';
}
function v_nada() {
document.getElementById('panel1').style.position = 'absolute';
document.getElementById('panel1').style.left = '-4000px';
document.getElementById('panel2').style.position = 'absolute';
document.getElementById('panel2').style.left = '-4000px';
document.getElementById('panel3').style.position = 'absolute';
document.getElementById('panel3').style.left = '-4000px';
}
//-->
</script>
<span onClick="v_panel1();" style="cursor:pointer;">ver panel 1</span>
<span onClick="v_panel2();" style="cursor:pointer;">ver panel 2</span>
<span onClick="v_panel3();" style="cursor:pointer;">ver panel 3</span>
<span onClick="v_nada();" style="cursor:pointer;">Ocultar Todo</span>
<div id="panel1" style="position:absolute; left:-4000px;">
PANEL1
<table border="1">
<tr>
<td>ejemplo 1</td><td>ejemplo 1</td><td>ejemplo 1</td>
</tr><tr>
<td>ejemplo 1</td><td>ejemplo 1</td><td>ejemplo 1</td>
</tr>
</table>
</div>
<div id="panel2" style="position:absolute; left:-4000px;">
PANEL2
<table border="1">
<tr>
<td>ejemplo 2</td><td>ejemplo 2</td><td>ejemplo 2</td>
</tr><tr>
<td>ejemplo 2</td><td>ejemplo 2</td><td>ejemplo 2</td>
</tr>
</table>
</div>
<div id="panel3" style="position:absolute; left:-4000px;">
PANEL3
<table border="1">
<tr>
<td>ejemplo 3</td><td>ejemplo 3</td><td>ejemplo 3</td>
</tr><tr>
<td>ejemplo 3</td><td>ejemplo 3</td><td>ejemplo 3</td>
</tr>
</table>
</div>
No pongo la web original porque está dentro del area restringida del sitio, pero he colgado el ejemplo anterior para que lo probeis con IE y Firefox y ver como en el caso del primero no se ven las tablas:
lehmbergconsultores.es/ejemplo.htm
Antes de registrarme he estado mirando por el foro y apenas encontré un par de posibles soluciones que no han solucionado el contratiempo.
Gracias por leerme y un saludo a todos.
Hay un bar cerca para invitar a una ronda?