Imposer un sens dans un TABNAVIGATOR

Cette nouvelle séquence vous permettra d'imposer un ordre de saisie dans un formulaire de type tabulaire. Idéal pour imposer la lecture d'un règlement ou d'un cadre légal avant la saisie de coordonnées ou plus simplement, le téléchargement d'un document.

Faites un copier/coller, cela fonctionne en l'état :

<cfform name="test" format="Flash">

<cfformgroup type="TABNAVIGATOR" id="etapes">

<cfformgroup type="PAGE" label="Etape 1">
<cfinput type="text" name="champ1" size="20" label="Champ 1 :" value="test champ 1">
<cfformgroup type="horizontal">
<cfinput type="button" name="suivant1" value="Suivant"
onClick="etapes.selectedIndex=1;etapes.getChildAt(1).enabled = true;
etapes.getChildAt(0).enabled=false">
</cfformgroup>
</cfformgroup>

<cfformgroup type="PAGE" label="Etape 2" enabled="false">
<cfinput type="text" name="champ2" size="20" label="Champ 2 :" value="test champ 2">
<cfformgroup type="horizontal">
<cfinput type="button" name="precedent2" value="Précédent"
onClick="etapes.selectedIndex=0;etapes.getChildAt(0).enabled = true;
etapes.getChildAt(1).enabled=false">
<cfinput type="button" name="suivant2" value="Suivant"
onClick="etapes.selectedIndex=2;etapes.getChildAt(2).enabled = true;
etapes.getChildAt(1).enabled=false">
</cfformgroup>
</cfformgroup>

<cfformgroup type="PAGE" label="Etape 3" enabled="false">
<cfinput type="text" name="champ3" size="20" label="Champ 3 :" value="test champ 3">
<cfformgroup type="horizontal">
<cfinput type="button" name="precedent3" value="Précédent"
onClick="etapes.selectedIndex=1;etapes.getChildAt(1).enabled = true;
etapes.getChildAt(2).enabled=false">
<cfinput type="submit" name="valider" value="Valider">
</cfformgroup>
</cfformgroup>

</cfformgroup>
</cfform>