Højde på billede skal bestemmes udfra script

psuedo:

var tableHeight = document.getElementById("imgContainer").offsetHeight;
document.getElementById("img").style = tableHeight + "px";

<table class="bargraph" id="imgContainer">
<tr>
<td><img src="deg2.gif" id="img" width="20px" height="HER" alt="Temperature" /></td>
</tr>
</table>

eller bare:

document.getElementById("img").style = document.getElementById("imgContainer").offsetHeight;

/J

Men det vil være smukkere at definere billedet deg2.gif som baggrundsbillede på cellen, og aligne det til top... så er det løst gennem CSS og ikke JS.

<table class="bargraph" id="imgContainer">
<tr>
<td title="Temperature" style="background: url(deg2.gif;) no-repeat;">&nbsp;</td>
</tr>
</table>

De vil dog ikke komme med ud med print, hvis vi taler grafer :)

/JJ

Jeg har allerede baggrundsbillede til cellen så det skal være på den måde, det er heller ikke til grafer :-)

Hvor kommer ADC variablen ind i spillet? det er den der skal definere højden på billedet..

nåå doh. har læst forkert :)

<script language="javascript">
var ADC0 = 9/2.048;
var height = ADC0.toFixed(1); //Formoder det er px output ellers ændre px nedenunder til %.
document.getElementById(tbl).style.height = height + "px"
</script>

<table class="bargraph" id="tbl">
<tr>
<td style="height: 100%;"><img src="deg2.gif" width="20px" height="HER" alt="Temperature" /></td>
</tr>
</table>

scriptet skal afvikles EFTER tabellen er indlæst i DOM..

/JJ

jammen..
nu er jeg forvirret :-)
for at gøre det ganske simpelt, så skal variablen (ADC0) bestemme højden på:
<img src="deg2.gif" width="20px" height="HER" alt="Temperature">

Jeg fucker også noget i det :)

Her:



<table class="bargraph">
<tr>
<td style="height: 100%;"><img id="billede" src="deg2.gif" width="20px" height="HER" alt="Temperature" /></td>
</tr>
</table>

<script language="javascript">
var ADC0 = 9/2.048;
var height = ADC0.toFixed(1); //Formoder det er px output ellers ændre px nedenunder til %.
document.getElementById("billede").style.height = height + "px"
</script>

Ja, så giver det mening :-) tak for hjælpen. smid svar for point...

takker :)

<ole>

Giver decimaler mening, når vi taler om pixels? Skal der virkelig bruges toFixed(1)?  =)

/mvh
</bole>

nej, det er fordi jeg har brugt scriptet til at læse en temperatur fra en AD-Converter. Så nej ikke nødvendigt :-)

Det er egentlig også en ligegyldig detalje. Alle gængse browsere runder selv af, når tallet skal bruges i forbindelse med CSS - men skal det skrives ud, ville man nok afrunde til helt tal  ;o)