document.previewpicture.height - tager de "gamle" dimensioner
Hejsa,Jeg har et større komplekst problem efter min egen mening.
Jeg har en dropdownbox som lister masse billeder, som er plukket ud fra en mappe vha. php.
Der er desuden et billede (previewpicture), som viser det billede, der er valgt i dropdownboxen.
Der er også to input(tekstboxe) som viser højde og bredde på previewpicture! Previewpicture viser altid billedet med billedets standarddimensioner, dvs det ikke er skaleret.
Mit problem er så.. At Når man vælger et billede i dropdownboxen, vises dimensionerne (bredde og højde) på det FORRIGE valget billede. Dvs man er nød til at klikke 2 gange på samme billede (på listen), før man får billedets egentlig dimensioner, og DET er lidt irriterende.
KODE
==============
function indsaetbillede(){
document.renpiledform.tekst.value = document.renpiledform.tekst.value + '<img src="<? echo $linkdir; ?>' + document.billedform.listbilleder.options.value + '" align="' + document.billedform.selectalign.options.value + '" width="' + document.billedform.width.value + '" height="' + document.billedform.height.value + '">'
}
function changedem() {
document.previewpicture.width = document.billedform.width.value
document.previewpicture.height = document.billedform.height.value
}
function aendrbillede() {
document.previewpicture.src = '<? echo $dir; ?>' + document.billedform.listbilleder.options.value
document.billedform.width.value = document.previewpicture.width
document.billedform.height.value = document.previewpicture.height
}
<form name=billedform>
<table border=0 width=296 cellspacing=0>
<tr>
<td align=left>
<label>Billeder fra <? echo $dir; ?></label>
</td>
</tr>
<tr>
<td align=center>
<!-- HELE SELECTFORMEN GENERERET I PHP -->
<? echo $selectform_with_optionfiles; ?>
</td>
</tr>
</table>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="25%">
<p align="center">Align:
</td>
<td width="75%" align=center>
<select name="selectalign">
<option value="center">Centrer billede</option>
<option value="right">Højrecentrer billede</option>
<option value="left">Venstrecentrer billede</option>
</select>
</td>
</tr>
<tr>
<td width="25%">
Dimensioner:
</td>
<td width="75%" colspan="3">
Højde:
<input type="text" name="height" onkeyup =\"changedem()\" size="3">
Bredde:
<input type="text" name="width" onkeyup=\"changedem()\" size="3">
</td>
</tr>
</table>
<p align="center"><img border="0" name="previewpicture" src="<? echo $dir; ?>kontakt.jpg"></p>
<p><input type="button" Onclick="indsaetbillede()" value="Indsæt billede" style="float: left"><form>
