Avatar billede deamill Nybegynder
04. juni 2014 - 11:56 Der er 1 kommentar og
1 løsning

Problem med at ændre billede via option box og jscript

Har problem med nedenstående (gamle) kode, det har virket, men efter at hjemmesiden har været offline i mange år virker det ikke mere.

Via en select/option box i html skifter et billede alt efter hvad der er valgt.




HTMK kode:

<SELECT NAME="select01" changeContainerImage(value,form);">
            <OPTION VALUE="A_VALG">A</option>
            <OPTION VALUE="B_VALG">B</option>
</SELECT>
<td align=left> <img name="imagecontainer01" src="_template/Img0.bmp" alt=""> </td>




Jscript kalder:

function changeContainerImage(checkValue,form1) {

  if(checkValue=="A_VALG") {
    form1.document.images['imagecontainer01'].src="_template/ImgA.bmp";
  }
  else if(checkValue=="B_VALG") {
    form1.document.images['imagecontainer01'].src="_template/ImgB.bmp";

  ......



Den kommer fint ind i If strukturen, men det er min metode til at ændre billedet på caller formen som fejler.


Nogen forslag?
Avatar billede Slater Ekspert
04. juni 2014 - 12:26 #1
Du har ikke vist nok af koden, til at vi helt kan teste det. Hvad indeholder argumentet "form1" i funktionen?

Men umiddelbart skal du dog bare fjerne form1. - document.images[] virker for sig selv, men den skal ikke køres på et form-element.

Endnu bedre og mere standard vil være at bruge document.getElementById() i stedet.

Giv dit billede et id: <img id="imagecontainer01">

Og referer til det med document.getElementById("imagecontainer01")
Avatar billede deamill Nybegynder
04. juni 2014 - 12:31 #2
Fandt selv ud af det, man behøves åbenbart ikke længere at passe sin form, kan bare gøre sådan her i sin jscript function:

    document.getElementById("imagecontainer01").src="_template/IMGA.bmp";

i stedet for:
form1.document.images['imagecontainer01'].src="_template/ImgA.bmp";

...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester