onchange

[Gilbert]

<table border="0">

<tr><td valign="top" width="300">

<select size="4" multiple name="soker" class="form_1">

<option value="fil1.html">Dokument 1</option>

<option value="fil2.html">Dokument 2</option>

</select>

</td><td valign="top"><iframe id="dokument"></iframe><br></td></tr>

</table>

 

Vil gjerne at iframe "id" skal få opp filen som velges i menyen. Dette må da sikkert gå ann med javascript/onchange?

[FuLu]

Jo, tror det, aldri testet men, du kan prøve deg på DOM og javascriptet/metoden for å hente et element slik:

eIframe = document.getElementById("dokument");
if(eIframe)
{
 eIframe.src = selectsaken...
}

 

Er ikke helt 100% sikker på om det er location, src e.l. som du skal bruke på den iframe'en, kan sjekke litt nærmere...

 

En test jeg gjennomførte og som fungerer

<script type="text/javascript">
<!--
function updateiframe(url)
{
if(document.getElementById)
{
 eIframe = document.getElementById("dokument");
 if(eIframe)
 {
 	eIframe.src = url;
 }
}
}
-->
</script>

<input type="button" value="VG" onclick="updateiframe('http://www.vg.no')">
<input type="button" value="Dagbladet" onclick="updateiframe('http://www.db.no')">
<input type="button" value="Aftenposten" onclick="updateiframe('http://www.aftenposten.no')">
<iframe id="dokument" style="width: 100%; height: 300px;"></iframe>

Endret 12. februar 2004 av FuLu

[Gilbert]

Nå har jeg fått ting til å skje. Om jeg putter inn en vanlig url etter eIframe.src = så fungerer det, men teksten selectedIndex må byttes ut med noe.

 

<script type="text/javascript">
function ny()
{
eIframe = document.getElementById("dokument");
if(eIframe)
{
 eIframe.src = liste.dok.options[liste.dok.selectedIndex].value;
}
}

</script>
</td></tr>
<tr><td colspan="2"><img src="images/linje.gif"></td></tr>
<tr><td valign="top" width="300"> Aviser: <p>
<form name="liste">
<select size="4" multiple name="dok" class="form_1" onchange="ny()">
<option value="http://www.vg.no">VG</option>
<option value="http://www.db.no">DB</option>
<option value="http://www.vl.no">VL</option>
</select>
</form>

[FuLu]

bytt liste.dok.options[liste.dok.selectedIndex].value med document.liste.dok.options[document.liste.dok.selectedIndex].value, så fungerer det. Regner med du testet dette i mozilla, for var det eneste stedet som hadde det problemet

[Gilbert]

Nå har jeg rota det skikkelig til her....

 

<script type="text/javascript">
function ny()
{
eIframe = document.getElementById("dokument");
if(eIframe)
{
 eIframe.src = document.liste.slett.options[document.slett.text.selectedIndex].value;
}
}
</script>

<form name="liste" action="trans/trans_notat_cute.php" method="get">
<select size="10" multiple name="id" class="form_1" name="slett" onchange="ny()" style="width:180;">
<?php
?>
</select>


<textarea rows="20" class="textfield" style="width:400;" name="text" >
</textarea>

[FuLu]

Nå har jeg rota det skikkelig til her....

 

<script type="text/javascript">
function ny()
{
eIframe = document.getElementById("dokument");
if(eIframe)
{
 eIframe.src = document.liste.slett.options[document.slett.text.selectedIndex].value;
}
}
</script>

<form name="liste" action="trans/trans_notat_cute.php" method="get">
<select size="10" multiple name="id" class="form_1" name="slett" onchange="ny()" style="width:180;">
<?php
?>
</select>


<textarea rows="20" class="textfield" style="width:400;" name="text" >
</textarea>

Ikke vet jeg hva du tenkte på her:

eIframe.src = document.liste.slett.options[document.slett.text.selectedIndex].value;

 

Ta vekk .text inni der du.

[Gilbert]

Det funka, og så forsøkte jeg å forandre litt, og så funker det ikke

 

<script type="text/javascript">
function ny()
{
eIframe = document.getElementById("dokument");
if(eIframe)
{
eIframe.src = document.liste.slett.options[document.liste.slett.selectedIndex].value;
}
}

</script>

<form name="liste" action="trans/trans_notat_cute.php" method="get">
<select size="10" multiple name="id" class="form_1" name="slett" onchange="ny()" style="width:180;">

<?php
echo "<option value=\"http://www.vg.no\">$tittel</option>\n";
echo "<option value=\"http://www.vl.no\">$tittel</option>\n";
?>
</select>
</form>
<iframe id="dokument" style="width: 100%; height: 300px;" name="dokument"></iframe>

 

litt kjipt, for jeg ville ha det ferdig i kveld...

Endret 24. mars 2004 av fjartan

[Gilbert]

NÆH:D utrolig hva som skjer bare man retter opp skrivefeil!! funker fint nå