Avatar billede walfi Nybegynder
20. maj 2009 - 00:11 Der er 2 kommentarer og
1 løsning

JS: Onclick

Hej alle.

Jeg er helt ny mht. JS, men har programmeret PHP i mange år, så har lidt forstand på kodning. Men en ting der virker anderledes er at den ikke ligesom gør alle de ting som jeg beder dem om, det er sikkert en meget simpel fejl.
Har en masse billeder, de er alle style="visibility:hidden" til at starte med. Men derefter skal det billede man trykker på blive synligt, hvis man trykker på et nyt "usynligt billede" skal kun det nye billede vises.

Her er min kode:

<script type="text/javascript">
function nederst(id) {
function f(x) { document.getElementById(x);  }
var e = document.getElementById(id);
f(n05).style.visibility = 'hidden';
// her har jeg gentaget med de mange billeder der skal være skjulte som overstående
e.style.visibility = 'visible'; 
}

<input type="radio" name="felt" onclick="nederst('n15')" value="15" id="n_15" />
<label for=n_45><img id='n15' style='visibility:hidden' src=$biladr></label>

Jeg har en radioknap som bliver valgt hvis man trykker på billedet..
Men det virker ikke rigtig?

Det virker til gengæld hvis jeg bruger denne kode:
function nederst(id) {
var e = document.getElementById(id);
if(e.style.visibility == 'visible')
  e.style.visibility = 'hidden';
else
  e.style.visibility = 'visible';
}

Men der skjuler billede sig selvfølgelig ikke hvis jeg vælger et nyt.

Håber i kan hjælpe mig
Avatar billede keysersoze Guru
20. maj 2009 - 08:05 #1
du bliver nødt til at gemme en variabel uden for function-scope - fx

oldval = '';

function nederst(id) {
  var e = document.getElementById(id);
  e.style.visibility = 'visible';

  if (oldval != '') {
    document.getElementById(oldval).style.visibility = 'hidden';
  }

  oldval = id;
}
Avatar billede walfi Nybegynder
28. maj 2009 - 11:10 #2
Perfekt det virker :D Giv et svar :D
Avatar billede keysersoze Guru
28. maj 2009 - 18:14 #3
svar :)
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