Avatar billede gedekid Nybegynder
21. april 2009 - 10:18 Der er 6 kommentarer og
1 løsning

Bruge value fra form til at vise billede..

Hej eksperter,

i forbindelse med spørgsmål http://www.eksperten.dk/spm/872339
som jeg fik til at virke, men lige var hurtig nok, så skal jeg bruge value fra radio på det valg man foretager...

jeg har fem radiobuttons hvor værdierne så er 1, 2, 3, 4 og 5....

hvordan kan jeg kan jeg sammen med løsningen på forrige spørgsmål få fat i hvilken skorsten der er valgt, så det rigtige billede bliver vist?

Valget foregår i en popup og visningen af valget sker på hovedsiden...

på hovedsiden skal det vises her:

print '<div id="showchimney" style="display: none;"><img src="gfx/skorsten/(værdi fra valg).gif" height="100" width="100" alt="" /></div>';
Avatar billede roenving Novice
21. april 2009 - 15:02 #1
onsubmit="window.opener.document.getElementById(\'showchimney1\').style.display = \'block\'; er vel god nok, hvis du gør sådan:

print '<div id="showchimney1" style="display: none;"><img src="gfx/skorsten/1.gif" height="100" width="100" alt="" /></div>';
print '<div id="showchimney2" style="display: none;"><img src="gfx/skorsten/2.gif" height="100" width="100" alt="" /></div>';
print '<div id="showchimney3" style="display: none;"><img src="gfx/skorsten/3.gif" height="100" width="100" alt="" /></div>';
print '<div id="showchimney4" style="display: none;"><img src="gfx/skorsten/4.gif" height="100" width="100" alt="" /></div>';
print '<div id="showchimney5" style="display: none;"><img src="gfx/skorsten/5.gif" height="100" width="100" alt="" /></div>';
Avatar billede roenving Novice
21. april 2009 - 15:06 #2
Ups ...

onsubmit="var num=1; for(i=0;5>i;i++){if(this.skorsten[i].checked){num=i+1;break;}};window.opener.document.getElementById(\'showchimney\'+num).style.display = \'block\';
Avatar billede gedekid Nybegynder
21. april 2009 - 15:07 #3
Men hvordan hvordan får jeg så window.opener.document.getElementById(\'showchimney1\') til at blive baseret efter valg så den f.eks. hedder:

window.opener.document.getElementById(\'showchimney2\')

window.opener.document.getElementById(\'showchimney3\')

osv. ?
Avatar billede gedekid Nybegynder
21. april 2009 - 15:12 #4
perfect :)

Så skal jeg bare lige ha' den til at skifte billedet hvis man vælge en anden i stedet for at vise f.eks. 2 billeder...

smider du et svar?
Avatar billede roenving Novice
21. april 2009 - 15:21 #5
Brug noget funktionsværk, så du kan opbevare om en anden tidligere er vist i en variabel ...

-- f.eks. i hoveddokumentet:

var prevChimney = null;
function showChimney(num){
  if(prevChimney)
    prevChimney.display = "none";
  prevChimney = document.getElementById('showchimney'+num).style;
  prevChimney.display = "block";
}

-- og så i popuppen:

onsubmit="var num=1; for(i=0;5>i;i++){if(this.skorsten[i].checked){num=i+1;break;}};window.opener.showChimney(num);"

-- els velbekomme '-)
Avatar billede gedekid Nybegynder
21. april 2009 - 15:27 #6
Heh.... Sværere er det vist ikke :) Jeg takker mange gange! :)

Point til dig!!
Avatar billede roenving Novice
05. maj 2009 - 21:11 #7
-- og tak for point ;~}
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