IMG show fra select

F.eks. kan det løses sådan her:

<div id="picure1" style="display:none">
  <img id="pictureimg1">
</div>

<select onchange="if(this.value=='')document.getElementById('picture1').style.display='none';else document.getElementById('pictureimg1').setAttribute('src',this.value)">
  <option>Vælg billede</option>
  <option value="billede1.jpg">Billede 1</option>
  <option value="billede1.png">Billede 2</option>
</select>

Hov, sådan her:

<div id="picure1" style="display:none">
  <img id="pictureimg1">
</div>

<script type="text/javascript">
function showImg(o){
  var oDiv=document.getElementById("picture1");
  var oImg=document.getElementById("pictureimg1");
  if(o.value==""){
    oDiv.style.display="none";
  }else{
    oImg.setAttribute("src",o.value);
    oDiv.style.display="block";
  }
}
</script>

<select onchange="showImg(this)">
  <option>Vælg billede</option>
  <option value="billede1.jpg">Billede 1</option>
  <option value="billede1.png">Billede 2</option>
</select>

Hmmm for godt nok nogle fejl... prøver med;

<script type="text/javascript">
function showImg(o){
  var oDiv=document.getElementById("picture1");
  var oImg=document.getElementById("pictureimg1");
  if(o.value==""){
    oDiv.style.display="none";
  }else{
    oImg.setAttribute("src",o.value);
    oDiv.style.display="block";
  }
}
</script>


<select name="flag" class="form" onchange="showImg(this);">
    <?
$dir = "gfx/flags";

$valid_types = array("png");
if ($directory = @opendir($dir)) {
    while ((($file = readdir($directory)) !== false))  {

        $vali = substr($file, -3);
        if (in_array($vali,$valid_types)) {
   
            echo "<option onselect=\"$file\">$file</option>";
           
        }
    }
}
?>
</select>


<div id="picure1" style="display:none">
  <img id="pictureimg1">
</div>

ups; echo "<option value=\"$file\">$file</option>"; selvf...

Fejlene fortæller dig, hvad der er galt.

Men hvad er "onselect"? Det skal vel være "value" i stedet.

Nå ok, det havde du rettet. =)

w13> det virker ikke hehe... opdagede bare en fejl... :) for en "Object required"

Her er koden;

-----------------------

<script type="text/javascript">
var oldType = null;
function showType(elmId){
  if(oldType)
    oldType.style.display = "none";
  if(elmId){
    oldType = document.getElementById(elmId);
    oldType.style.display = "block";
  }
}
minfunktion (filename) {

document.getElementById('imagetagid').href = filename;

document.getElementById('flag').style.display = 'block';

}
</script>
<script type="text/javascript">
function showImg(o){
  var oDiv=document.getElementById("picture1");
  var oImg=document.getElementById("pictureimg1");
  if(o.value==""){
    oDiv.style.display="none";
  }else{
    oImg.setAttribute("src",o.value);
    oDiv.style.display="block";
  }
}
</script>

<span class="text1">
    Type in the username and password you want to use.<br>
    <i>Remember the username is the screen name you will be given on this site and it is <b>not</b> changeable.</i><br>
<form action="" method="post">
Username:<br>
<input type="text" name="user" size="15" class="form2"><br>
Password:<br>
<input type="password" name="password" size="15" class="form2"><br><br>
Country:
<table width=100% cellpadding="0" cellspacing="0">
    <tr>
      <td>
    <select name="flag" class="form" onchange="showImg(this);">
    <?
$dir = "gfx/flags";

$valid_types = array("png");
if ($directory = @opendir($dir)) {
    while ((($file = readdir($directory)) !== false))  {

        $vali = substr($file, -3);
        if (in_array($vali,$valid_types)) {
   
            echo "<option value=\"$file\">$file</option>";
           
        }
    }
}
?>
</select>
</td>
<td>
<div id="picure1" style="display:none">
  <img id="pictureimg1">
</div>
</td>


</tr>
</table>
<br>
Class of toon:<br>
<select name="type" class="form" onchange="showType(this.value);">
<option value="0">Choose</option>
<option value="Rogue">Rogue</option>
<option value="Mage">Mage</option>
<option value="Warlock">Warlock</option>
<option value="Priest">Priest</option>
<option value="Warrior">Warrior</option>
<option value="Shaman">Shaman</option>
<option value="Druid">Druid</option>
<option value="Paladin">Paladin</option>
<option value="Hunter">Hunter</option>
</select>

osv...

Når fik løst den selv med;

<script type="text/javascript">
function swapImage(){
    var image = document.getElementById("imageToSwap");
    var dropd = document.getElementById("dd");
    image.src = dropd.value;   
};
</script>

<select id="dd" name="flag" class="form" onChange="swapImage()">

<img id="imageToSwap" src="gfx/no_flag.gif">

Så hele problemet er løst? Så opret et svar og accepter det. Så får du pointene igen og spørgsmålet lukkes.

Du bør dog i stedet bruge:

<script type="text/javascript">
function swapImage(){
    var image = document.getElementById("imageToSwap");
    var dropd = document.getElementById("dd");
    image.setAttribute("src", dropd.value);
}
</script>

<select id="dd" name="flag" class="form" onchange="swapImage()">

<img id="imageToSwap" src="gfx/no_flag.gif">

-- og spare et par kodelinjer og nogle ressourcer:

<script type="text/javascript">
function swapImage(sel){
    document.getElementById("imageToSwap").setAttribute("src", sel.value);
}
</script>

<select id="dd" name="flag" class="form" onchange="swapImage(this)">

Takker begge 2 :)