jag vill ha en bild precis vid sidan om min selectbox, bilden ska vara "select-värdet".gif
alltså om värdet är "sweden" så ska "sweden.gif" visas, o bilden ska ändras om jag byter värde.
selectbox + bild
8 svar · 271 visningar · startad av Frexuz
<form>
<select name="foo" onchange="if(document.images){ document.images['land'].src=this[this.selectedIndex].value+'.gif'; }">
<option value="sweden">Sweden</option>
<option value="norway">Norway</option>
</select>
</form>
<img src="sweden.gif" name="land">
Frågan löd bl.a.
Jag vill ha en bild precis vid sidan om min selectbox.
Alltså inte under.
<html>
<head>
<style type=text/css>
#form {position:absolute; left:1%; top:2%;}
#bild {position:absolute; left:20%; top:2%; width:15%; height:22%; border:inset 5px;}
</style>
<script language="javascript">
<!--
function visa()
{ if (!document.images) return
document.images.bild.src=document.bilder.picture.options[document.bilder.picture.selectedIndex].value
}
//-->
</script>
</head>
<body bgcolor=green>
<form name="bilder" id=form>
<select name="picture" size="1" OnChange="visa()">
<option> Se mina fina bilder </option>
<option value="sverige.gif">Sverige</option>
<option value="danmark.gif">Danmark</option>
<option value="finland.gif">Finland</option>
<option value="norge.gif">Norge</option>
</select>
</form>
<img src="#" id=bild>
</body>
</html>
den kommer ju sidan om , om man inte har <br> ändå
bossse, Frexuz... Me, myself and I? :) Trodde det var scriptet som vem-det-nu-var-som-undrade hade problem med. I vilket fall som hellst; flytta bilden innanför form (<img> före </form>) så får du bilden bredvid select-listan. form-elementet är nämligen ett block-element och skapar automatiskt en radbrytning efter sig.
<select name="foo" onchange="if(document.images){ document.images['land'].src=this[this.selectedIndex].value+'.gif'; }">
<img src="sweden.gif" name="land">
---------------------------------------------------
hur ändrar man dessa raden om bilderna ligger i "../../flags/" ?
Så här;
<select name="foo" onchange="if(document.images){ document.images['land'].src='../../flags/'+this[this.selectedIndex].value+'.gif'; }">
...
<img src="../../flags/sweden.gif" name="land">
funkar PERFEKT :D:D ...... den kortaste koden av dem alla oxo, du e bäst!
Frexuz, klicka gärna på länken "Acceptera som slutgiltigt svar" i det inlägg som löste problemet, så markeras tråden som löst, och det underlättar för allt och alla. :)
mvh