Endre bilde med js

[fiLLLipnet]

Jeg har laga en kode som rett og slett ikke funker... Er ganske ny innenfor javascript og lurer på hva jeg har gjort feil...

 

JAVASCRIPT

function changeimg(bane, form, bilde){
eval("var dokument = document."+form+"."+bane+".value");
var file = "file:///"+dokument;
eval("var image = document."+bilde+".src");
image = file;
}

SUBMIT

<input id="profilbilde" name="profilbilde" type="file" onchange="javascript:changeimg(\'profilbilde\', \'profile\', \'preview\');" />

BILDE

<img src="images/noimg200.gif" width="200" alt="" name="preview" />

 

Når javascriptet er slik

function changeimg(){
var dokument = document.profile.profilbilde.value
var file = "file:///"+dokument;
var image = document.preview.src;
image = file;
}

funker det...

 

Hva kan være feil? På forhånd takk

[dabear]

Så vanskelig du skal gjøre det da?

html:

<img src="images/noimg200.gif" width="200" alt="" id="preview" />
<button onclick="changeImg('preview');"></button>

function changeImg(elem)
{
 elem = document.getElementById(elem)
 elem.src = "nyttbilde.jpg"
}

[HoaXed]

Brukte denne funksjonen og prøvde å få til en liten forandring. Ønsker nemlig at bildet skal bytte hvis jeg bruker en annen link.

 

Gjorde det slik;

 

<script>
function changeImg(elem)
{
elem = document.getElementById(elem)
elem.src = "bilder/asshover.jpg"
elem.src[2] = "bilder/ass.jpg"
} </script>

 

<img src="bilder/ass.jpg" alt="" name="preview" width="151" height="54" id="preview" />   

<a href="#" onmouseover="changeImg('preview');" onmouseout="changeImg('preview');">Bytt bilde med hover her</a>

<a href="#" onmouseover="changeImg('preview')(2);">Test med flere</a>

 

Fikk det til slik når jeg skulle bytte bakgrunnsfarge med ett annet script, men her fungerte det ikke. Noen som kan hjelpe meg litt på vei. Takk!

[Drømmemannen]

elem.src er ikke en array, så elem.src[2] gir ikke mening. changeImg('preview')(2) gir heller ikke mening, med med mindre changeImg('preview') returnerer en funksjon som da vil kalles med argumentet 2. Du vil antageligvis heller noe slikt:

 

<script type="text/javascript">
function changeImg( id, source )
{
   elem = document.getElementById(id);

   if (source == 2)
   {
       elem.src = "bilder/asshover.jpg";
   }
   else
   {
       elem.src = "bilder/ass.jpg";
   }
}
</script>

 

<img src="bilder/ass.jpg" id="preview" .../>

<a ... onmouseover="changeImg('preview', 1)" onmouseout="changeImg('preview', 2)">Bytt bilde med hover her</a>