[JS] div style -> niet in tabel?

[Majestic]

Ik ben bezig met een webformulier. Binnen dat formulier worden een aantal keuzes gemaakt die van belang zijn voor de antwoordmogelijkheden die ze daarna kunnen invullen.

Het gaat om een JA / NEE vraag:

JA
- Veld 1 invullen
- Veld 2 invullen
- Veld 3 invullen

-> volgende vraag

NEE

-> volgende vraag

De code die ik daarvoor gebruik ziet er als volgt uit:

code:

<script language ="javascript">
function unHider()
{
document.all.div1.style.display = 'block';
document.all.div2.style.display = 'none';
}
function hider()
{
document.all.div1.style.display = 'none';
document.all.div2.style.display = 'block';
}
</script>

<table>
<tr><td valign="top" align="right">Eigen PDA of Smartphone:</td>

<div id="div2" style="display: block">
<td valign="top"><label><input type="radio" name="Device" value="Ja" onClick="unHider();">Ja</label></div>
<label><input type="radio" name="Device" value="Nee" onClick="hider();">Nee</label></td></tr>

<div id="div1" style="display: none">
<td valign="top" align="right">Merk en Type:</td>
<td valign="top"><input name="MenType" size="25" class="form_textarea"></td>
</tr><tr>

<td valign="top" align="right">Waar gebruikt u deze<br> voornamelijk voor?</td>
<td valign="top"><textarea name="Gebruik" rows="5" cols="35" class="form_textarea"></textarea></td>
</tr><tr> 

<td valign="top" align="right">Gebruikersniveau:</td>
<td valign="top" class="form_textarea">
                 <label><input type="radio" name="Gniveau" value="Beginner">Beginner</label>
                 <label><input type="radio" name="Gniveau" value="Gemiddeld">Gemiddeld</label>
                 <label><input type="radio" name="Gniveau" value="Gevorderd">Gevorderd</label>
                 <br></td>
</tr>
</div>
</table>

Het vervelende is dat de code netjes werkt zonder de <table></table> tags, maar NIET met de tags. Wat vervelend is omdat ik dan mijn opmaak kwijtraak.

Is het mogelijk om deze acties ook binnen de table uit te voeren?
Of is het allicht beter om dit anders aan te pakken?

[SchizoDuckie]

Volgens mij moet je eerst een lesje HTML en JS gaan volgen voor je dit soort dingen wil gaan doen

Je mag namlijk niet een <div> tag gebruiken binnen een <table> (probeer hem in de <td> te zetten zoals het hoort), en document.all gebruiken we niet meer sinds IE4, gebruik document.getElementById (dan werkt het ook nog in een andere browser

[ Voor 46% gewijzigd door SchizoDuckie op 06-10-2004 14:21 ]