Foros del Web » Creando para Internet » HTML »

Tablas invisibles en IE

Estas en el tema de Tablas invisibles en IE en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 26/04/2007, 11:59
Avatar de mgusdl  
Fecha de Ingreso: abril-2007
Ubicación: Malaga, España
Mensajes: 190
Antigüedad: 10 años, 7 meses
Puntos: 5
Pregunta Tablas invisibles en IE

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?
  #2 (permalink)  
Antiguo 27/04/2007, 03:12
Avatar de mgusdl  
Fecha de Ingreso: abril-2007
Ubicación: Malaga, España
Mensajes: 190
Antigüedad: 10 años, 7 meses
Puntos: 5
De acuerdo Re: Tablas invisibles en IE

Buenas de nuevo
He encontrado solución a mi propio problema así que me respondo a mi mismo

Resulta que en el esfInternet Exploter al no definir un ancho al div parece que lo crea pues... en este caso de 4000px de ancho.
Al definir un ancho al div, por ejemplo 500px, el problema se resuelve y se trae la tabla consigo al mover el panel

Bueno, pues nos leemos!
Vss
  #3 (permalink)  
Antiguo 27/04/2007, 03:49
Avatar de Shade  
Fecha de Ingreso: noviembre-2006
Mensajes: 262
Antigüedad: 11 años, 1 mes
Puntos: 1
Re: Tablas invisibles en IE

Si lo que quieres hacer es que aparezcan y desaparezcan... porque no usas:

document.getElementById('panel2').style.display='n one'

? Asi te sacas el elemento de encima y luego lo vuelves a ver con:

document.getElementById('panel2').style.display='b lock'
  #4 (permalink)  
Antiguo 27/04/2007, 03:57
Avatar de mgusdl  
Fecha de Ingreso: abril-2007
Ubicación: Malaga, España
Mensajes: 190
Antigüedad: 10 años, 7 meses
Puntos: 5
De acuerdo Re: Tablas invisibles en IE

Muchas gracias Shade, funciona mejor así
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:29.