hide/show lag med radioknapper

[nilsh]

Jeg holder på å lage et slags tre-system/meny. Den består av radioknapper. Når man trykker på en radioknapp, så skal det komme flere valg(som også er radioknapper). Denne problemstillingen er løst, men jeg må også fjerne de valgene for de andre radioknappene i det en annen blir trykket på.

 

Hvis jeg har valgene:

 

styrke | bevegelighet | oppvarming

 

Valgene som kommer opp når jeg trykker styrke skal forsvinne igjen hvis jeg trykker bevegelighet f.eks.

 

 

 

<form name="søk" method="post" action="">
<table width="100%" border="0" cellpadding="10">
     <tr>
       <td colspan="5"><span class="style1">Velkommen til øvelsesbanken. </span></td>
     </tr>
     <tr>
       <td colspan="5">Her kan du søke blandt flere hundre øvelser og lage et sammensatt treningsprogram. Søk nedenfor. </td>
     </tr>
     <tr>
       <td width="50%"> </td>
       <td colspan="4">
 <table width="100%" cellpadding="5" class="svart_ramme_rundt"><tr><td>
 <table width="100%">
         <tr>
           <td align="center">Oppvarming</td>
           <td width="2" rowspan="2" align="center"><img src="../bilder/stripe.gif" width="2" height="34" /></td>
           <td align="center">Styrke</td>
           <td width="2" rowspan="2" align="center"><img src="../bilder/stripe.gif" width="2" height="34" /></td>
           <td align="center">Bevegelighet</td>
           <td width="2" rowspan="2" align="center"><img src="../bilder/stripe.gif" width="2" height="34" /></td>
           <td align="center">Balanse</td>
         </tr>
         <tr>
           <td align="center"><input name="nivaa1" type="radio" value="oppvarming" onFocus="showlayer('oppvarmingLag');return true;" /></td>
           <td align="center"><input name="nivaa1" type="radio" value="styrke" onFocus="showlayer('styrkeLag');return true;" /></td>
           <td align="center"><input name="nivaa1" type="radio" value="bevegelighet" onFocus="showlayer('bevegelighetLag');return true;" /></td>
           <td align="center"><input name="nivaa1" type="radio" value="balanse" onFocus="showlayer('balanseLag');return true;" /></td>
         </tr>
       </table>
 
 <div id="oppvarmingLag" style="display:none;">
 <hr />
       <table width="100%">
         <tr>
           <td align="center">Sittende</td>
           <td width="2" rowspan="2" align="center"><img src="../bilder/stripe.gif" width="2" height="34" /></td>
           <td align="center">Stående</td>
           <td width="2" rowspan="2" align="center"><img src="../bilder/stripe.gif" width="2" height="34" /></td>
           <td align="center">Gående</td>
 	<td width="2" rowspan="2" align="center"><img src="../bilder/stripe.gif" width="2" height="34" /></td>
           <td align="center">Kasse</td>
 	<td width="2" rowspan="2" align="center"><img src="../bilder/stripe.gif" width="2" height="34" /></td>
           <td align="center">Trapp</td>
         </tr>
         <tr>
           <td align="center"><input name="radiobutton" type="radio" value="sittende" /></td>
           <td align="center"><input name="radiobutton" type="radio" value="staaende" onFocus="showlayer('oppvarmingFingerLag');return true;" /></td>
           <td align="center"><input name="radiobutton" type="radio" value="gaaende" onFocus="showlayer('oppvarmingGaaendeLag');return true;" /></td>
 	<td align="center"><input name="radiobutton" type="radio" value="kasse" onFocus="showlayer('oppvarmingFingerLag');return true;" /></td>
 	<td align="center"><input name="radiobutton" type="radio" value="trapp" /></td>
         </tr>
       </table>
   </div>
 
<div id="oppvarmingGaaendeLag" style="display:none;">
 <hr />
       <table width="100%">
         <tr>
           <td align="center">Lateral</td>
           <td width="2" rowspan="2" align="center"><img src="../bilder/stripe.gif" width="2" height="34" /></td>
           <td align="center">Venteral - Dorsal</td>
           <td width="2" rowspan="2" align="center"><img src="../bilder/stripe.gif" width="2" height="34" /></td>
           <td align="center">Flerdimensjonal</td>
         </tr>
         <tr>
           <td align="center"><input name="radiobutton" type="radio" value="sittende" onFocus="showlayer('oppvarmingFingerLag');return true;" /></td>
           <td align="center"><input name="radiobutton" type="radio" value="staaende" onFocus="showlayer('oppvarmingFingerLag');return true;" /></td>
           <td align="center"><input name="radiobutton" type="radio" value="gaaende" onFocus="showlayer('oppvarmingFingerLag');return true;" /></td>
 	
         </tr>
       </table>
   </div>

<div id="oppvarmingFingerLag" style="display:none;">
 <hr />
       <table width="100%">
         <tr>
           <td align="center">M/fingerberøring</td>
           <td width="2" rowspan="2" align="center"><img src="../bilder/stripe.gif" width="2" height="34" /></td>
           <td align="center">U/fingerberøring</td>
         </tr>
         <tr>
           <td align="center"><input name="radiobutton" type="radio" value="mFinger" /></td>
           <td align="center"><input name="radiobutton" type="radio" value="uFinger" /></td>
 	
         </tr>
       </table>
   </div>
 
 
 
 
 
 
 
 
 
 </td></tr></table>
       </td>
     </tr>
   </table>
</form>

[nilsh]

Jeg har lest og prøvd endel.. Jeg har prøvd med onblur på knappene, men da bare forsvinner ting som ikke skal forsvinne. Det jeg har til nå er jo ikke javascript..

Jeg har lett endel med google for å finne gode eksempler, men det gjør jeg ikke. Somebody help! I need somebody, help!

[nilsh]

Løste dette!

 

Men jeg lurer på en ting til. Hvordan skal jeg "disable" eller fjerne verdiene til radioknappene som ikke vises(er gjemt)..? Skal jo ikke sende informasjon om de.

[Kagee]

Poste løsningen? Dette er et forum.

 

Radioknapper som sender forskjellige verdier skal vanligvis ha samme navn. Det er den riktige måten å uteklukke verdier på.

[nilsh]

Poste løsningen? Dette er et forum.

 

Radioknapper som sender forskjellige verdier skal vanligvis ha samme navn. Det er den riktige måten å uteklukke verdier på.

8375136[/snapback]

 

 

 

Det går over forskjellige nivåer. alle knapper på samme nivå har samme navn, men hvis du trykker deg nedover i nivåene for deretter å velge noe annet lengre opp i nivåene igjen blir informasjonen fra de nivåene nedenfor også sendt. og det går jo ikke.

Endret 21. april 2007 av nilsh