Ricercare il valore di width di una td

[Igreo]

Come si evince, sto cercando di rintraccaire il valore di width di una td.. contando l'aggravante che il width in qestione è in percentuale; faccio un simil esempio:

document.getElementById("id_della_td").style.width .value;

naturalmente è un esempio errato!

Come dicevo l'aggravante è che il width in questione è in percentuale, quindi, una volta rintracciato il valore percentuale, lo dovrei convertire in pixel.. ad esempio!

E' fattibile questo secondo punto?

[fcaldera]

Usa
document.getElementById("id_della_td").offsetWidth

e ti ritorna già il valore in pixel

[Igreo]

Niente da fare.. risultato dell'allert è undefined!

var lun= document.getElementById("scrivo").offsetWidth;


<TD id="scrivo" align="right" style="width: 100%;" onmouseover="Javascript: RallentaScorr();" onmouseout="Javascript: RallentaScorr();" nowrap>

[fcaldera]

chiaramente il calcolo della larghezza va fatto dopo il caricamento della tabella... prova questo esempio così com'è.

<table>
<td id="scrivo">Chissà quanto è lunga questa cella...?</td>
</table>

<script>
cella = document.getElementById("scrivo");
lun = cella.offsetWidth;
alert("...Esattamente " + lun + 'px');
</script>

[Igreo]

E invece, fare qualcosa di questo genere:

<script>
if (document.getElementById("scrivo")) {
cella = document.getElementById("scrivo");
lun = cella.offsetWidth;
}
</script>

<table>
<TR>
<td id="scrivo">Chissà quanto è lunga questa cella...?</td>
</TR>
</table>

[Xinod]

ti chiedi se l' elemento e' definito: if (document.getElementById("scrivo"))
quando gia' sai che non e' ancora stato definito

si potra' mai verificare mai quella condizione? ovviamente no

[Igreo]

Così(??):

<script>
function time_let() {
if (document.getElementById("scrivo")) {
cella = document.getElementById("scrivo");
lun = cella.offsetWidth;
}
}
setTimeout("time_let();", 3000); //Tempo impostato per dare possibilità all'intera pagina e quindi al div di essere scritto!
</script>

<table>
<TR>
<td id="scrivo">Chissà quanto è lunga questa cella...?</td>
</TR>
</table>

[fcaldera]

Originariamente inviato da Igreo
Così(??):

<script>
function time_let() {
if (document.getElementById("scrivo")) {
cella = document.getElementById("scrivo");
lun = cella.offsetWidth;
}
}
setTimeout("time_let();", 3000); //Tempo impostato per dare possibilità all'intera pagina e quindi al div di essere scritto!
</script>

<table>
<TR>
<td id="scrivo">Chissà quanto è lunga questa cella...?</td>
</TR>
</table>

è un pò come giocare a dadi e sperare che non esca un numero inferiore a 3. che succede se l'elemento non si carica in 3 secondi? Sei nella situazione di partenza. Fai così

<script>
window.onload = function() {
  if (document.getElementById("scrivo")) {
    cella = document.getElementById("scrivo");
    lun = cella.offsetWidth;
  }
}
</script>

<table>
<TR>
<td id="scrivo">Chissà quanto è lunga questa cella...?</td>
</TR>
</table>

ciao

[Igreo]

Grazie!