Accordéon : Dans un seul sens !

Cette nouveauté de CFMX7 est fort intéressante mais ne permet pas, de prime abord, de désactiver les niveaux inférieurs et supérieurs de la section visualisée. Pour ce faire, vous devez vous fendre de quelques précisions en ActionScript.

Voici la syntaxe :

<cfform name="test" format="Flash">
<cfformgroup type="accordion" visible="yes" enabled="yes" id="a1" onchange="for(var i=a1.selectedIndex+1; i<4 ; i++){a1.getHeaderAt(i).enabled=false;}">

<cfformgroup type="PAGE" label="Etape 1">
<cfformitem type="text"> Texte 1 </cfformitem>
<cfinput type="Button" name="bouton1" value="Etape suivante..." onclick="a1.getHeaderAt(1).enabled=true;a1.selectedIndex=1;a1.getHeaderAt(0).enabled=false">
</cfformgroup>

<cfformgroup type="PAGE" label="Etape 2">
<cfformitem type="text"> Texte 2 </cfformitem>
<cfinput type="Button" name="bouton2" value="Etape suivante..." onclick="a1.getHeaderAt(2).enabled=true;a1.selectedIndex=2;a1.getHeaderAt(1).enabled=false">
</cfformgroup>

<cfformgroup type="PAGE" label="Etape 3">
<cfformitem type="text"> Texte 3 </cfformitem>
<cfinput type="Button" name="bouton3" value="Etape suivante..." onclick="a1.getHeaderAt(3).enabled=true;a1.selectedIndex=3;a1.getHeaderAt(2).enabled=false">
</cfformgroup>

<cfformgroup type="PAGE" label="Etape 4">
<cfformitem type="text"> Texte 4 </cfformitem>
</cfformgroup>
</cfformgroup>
</cfform>

Et voilà ! Malheureusement, cette méthode ne peut pas être utilisée pour une présentation sous forme d'onglets.