Sacar el tamaño en pixeles de una tabla

Migui · #1 (**permalink**) 11/12/2008, 10:38

Buenas tardes, tengo una tabla llamada myTable, y dentro de esta se dibuja una tabla que viene de una funcion javascript alojada en otro archivo.

Mi pregunta es hay alguna funcion javascript para sacar el tamaño "width y heigth" de la tabla y enviarla asi por parametro a la funcion que dibuja la otra tabla?

Gracias

Panino5001 · #2 (**permalink**) 11/12/2008, 10:44

Podrías probar con:

Código PHP:

  document.getElementById('idTabla').offsetHeight

o

Código PHP:

  document.getElementById('idTabla').offsetWidth

Migui · #3 (**permalink**) 11/12/2008, 11:00

Me devuelve todo el rato 0 :/

Panino5001 · #4 (**permalink**) 11/12/2008, 13:13

Raro. Podrías mostrarnos el código?
Ejemplo testeado en Explorer 5, y 7, ópera, Safari, Chrome y Firefox:

Código PHP:

  <!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>

<body onload="alert(document.getElementById('pp').offsetHeight)">
<table id="pp" width="560" border="1" cellpadding="1">
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr><tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr><tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr><tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>