Tabs menu (mouseover) in a <form>

[librairie_licorne]

Hi,

For a statistics intraweb site, user can choice about +/- 30 options (checkbox, radiobutton, select, ...).

I want to use the "Tabsmenu (mouseover)" script to show those options in 7 tabs in one <form> tag. Here's my code :

<form method="post" name="frm_critere" target="_self" id="frm_critere">
<ul id="tablist">
<li><a href="" class="current" onClick="return expandcontent('sc1', this)">Cause d'incident</a></li>
<li><a href="" onClick="return expandcontent('sc2',this)">Constat d'exploitation</a></li>
...
</ul>

<DIV id="tabcontentcontainer">
<div id="sc1" class="tabcontent">
<?php require('form/form_cause_incident.php');?>
</div>
<div id="sc2" class="tabcontent">
<?php require('form/form_constat_exploitation.php');?>
</div>
...
</DIV>
</form>


The PHP pages contain the elements of my form with event like onclick, ...

The problem is that the properties of the elements can not be read but well assign. In :

document.forms["frm_critere"].elements["cbx_filtrer_perturbe"].disabled = ! document.forms["frm_critere"].elements["cbx_filtrer_cause"].checked;

The property 'checked' is always = 'undefined', 'disabled' is assigned to true.

When I test the events of my form without the tabsmenu script it's Ok.

What's wrong ?

Thanks for your help

Vincent

[librairie_licorne]

I'm stupid !!!

Two elements have the same names !!!!