Avatar billede Slettet bruger
03. oktober 2006 - 13:54 Der er 3 kommentarer og
1 løsning

Indhold, der skifter

Hej Eksperter

Jeg er relativt novice på javascript - men har fået som udfordring at konstruere en bestillingsformular.

Denne formular skal, som hovedtræk, kunne vise nogle "aktive" formularkomponenter, hvis udseende ændrer sig i takt med dine valg.

Se reference-eksempel: http://www.vandret.dk/diverse/mobilbutikken.htm

Læg venligst mærke til radio-knapperne under "ønsker du at overføre..." - her ændrer næste "led" sig.

Problemet er dog blot, at jeg ikke helt kan gennemskue koden - og vil desuden tro, det kan gøres enklere. Har også prøvet at opsnuse kodeeksempler, men jeg ved ikke helt, hvad jeg skal søge efter.

Summa summarum: Hvordan laves "aktivt" indhold, således at radioknappen viser hhv. eet og andet i feltet nedenunder?
Avatar billede psykochicken Nybegynder
04. oktober 2006 - 00:59 #1
Eksempel på indhold, der bliver vis/skjult:

<script type="text/javascript">
function showHide(status){
  var elm = document.getElementById('flereknapper');
  if(elm.style.display!=status){
    elm.style.display=status;
  }
}
</script>
<form>
<input name="myradio" type="radio" onclick="showHide('block');"><br>
<input name="myradio" type="radio" onclick="showHide('none');" checked>

<div id="flereknapper" style="display:none;">
<input name="sub" type="radio"><br>
<input name="sub" type="radio"><br>
<input name="sub" type="radio"><br>
</div>
</form>

/psc
Avatar billede Slettet bruger
04. oktober 2006 - 09:59 #2
Hej PSC

Ja, det er meget tæt på.
Jeg har modificeret den til dette:

<script type="text/javascript">
function showHide(vis, skjul){
  var elementvis = document.getElementById(vis);
  var elementskjul = document.getElementById(skjul);
  elementvis.style.display="block";
  elementskjul.style.display="none";
}
</script>

<form>
<input name="myradio" type="radio" onclick="showHide('flereknapper', 'tekst');"><br>
<input name="myradio" type="radio" onclick="showHide('tekst', 'flereknapper');">

<div id="flereknapper" style="display:none;">
<input name="sub" type="radio"><br>
<input name="sub" type="radio"><br>
<input name="sub" type="radio"><br>
</div>

<div id="tekst" style="display:none;">
Hej
</div>
</form>

Smid et svar, så får du point :)
Avatar billede psykochicken Nybegynder
05. oktober 2006 - 00:13 #3
Du fangede da hurtigt fremgangsmåden - svar kommer her ;o)
Avatar billede psykochicken Nybegynder
05. oktober 2006 - 17:04 #4
...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