[JS] grootte van <TD>

[shades]

Hello
(waarom moet JS in de W&G eigenlijk - mi hoort dit meer thuis is de programmeer hoek)
Anyway

Is het mogelijk de breedte van een cel uit te lezen ?
<td id='cel1'>blablabla</td>

ik zou dan via jscript willen weten hoe breed die cel is
ik dacht aan:
var breedte = document.all['cel1'].width;

maar dat werkt niet helemaal
iemand een idee ?

Als het in vbscript wel kan dan graag in vbscript, maar liever niet ivm cross-platform..

Thx

[RM-rf]

object.style.width
object.style.pixelWidth
object.currentStyle.width
object.runtimeStyle.width

zijn allen methodes de breedte op te vragen;
enkel kan dit enkel als een element layout; een gepositioneerde div of span.

de beste oplossing is om een div in je TD te zetten met width 100% en heigth 100% en raltive positioning, daarvan kun je dan waardes opvragen

[shades]

mmm. omslachtig maar is het proberen waard..
thx

[shades]

shit, krijg het niet werkend. Heeft iemand misschien een voorbeeldje ?

[Verwijderd]

kan je even posten wat je geprobeert hebt? Kunnen wij je vertellen wat je fout gedaan hebt...

[shades]

Op donderdag 13 september 2001 14:38 schreef jrs het volgende:
kan je even posten wat je geprobeert hebt? Kunnen wij je vertellen wat je fout gedaan hebt...

Niets bijzonders eigenlijk.

Dit zou het tabelletje kunnen zijn:

pagina1.asp:
<script>
function Valideer() {
with (document.formulier) {
celgrootte.value = document.all['cel1'].style.width
return (true);
}
}
</script>
<from name="formulier" method="post" action="pagina2.asp">
<table>
<tr>
<td id='cel1'>bla bla blaat</td>
</tr>
</table>
<input type="submit" value="oke" onclick="javascript:return
<input type="hidden" name="celgrootte">
Valideer()">
</form>

De bedoeling is dat wanneer de form gesubmit wordt de breedte van de cel 'cel1' geplaatst wordt in 'celgrootte'. Via Request.Form("celgrootte") kan ik dan in pagina2.asp deze waarde uitlezen:

<% sBreedte = Request.Form("celgrootte") %>
<tabel>
<tr>
<td width="<%=sBreedte%>">bla</td>
</tr>
</table>

Doel is dat tabel op pagina2.asp even breed is als de tabel op pagina1.asp

Heb ik het zo duidelijk genoeg uitgelegd ?

[RM-rf]

allereerst, wel een beetje net typen hé from -> form, foutje in hidden input;
ik lees er wel overheen, maar of de ua dat doet

code:

<script>
function Valideer() {
   with (document.formulier) {
    celgrootte.value = document.all['cel1'].style.width
    return (true);
   }
}
</script>
<form name="formulier" method="post" action="pagina2.asp">
<table>
<tr>
<td><div id='cel1' style="position:relative;width:100%;">bla bla blaat</div></td>
</tr>
</table>
<input type="submit" value="oke" onclick="javascript:return 
Valideer()">
<input type="hidden" name="celgrootte">
</form>

als je enkel de width controleert van de td vindt hij niks, immers dat is een element zonder layout. een relatief gepositioneerde div met een gedefinieerde hoogte en/of breedte, danwel left- en/of toppositie heeft dat wel en dan kun je de breedte opvragen (span is eventueel ook mogelijk)

[shades]

Oeps.. Ik typetje het ff uit het bolletje vandaar dat type foutje.. Zal ook ff die [] [/] codes ga leren Ik had het namelijk wel op die manier ingetikt
Ik zal die div/span toch nog maar even een keer gaan proberen..