23-10-2006, 10:38 AM
Voici la technique que j'avais employé sur l'ancienne version de mon jeu.
J'avais un réglement en 4 ou 5 point, court et concis.
Pour obliger (...) le joueur à lire chaque règle avant de pouvoir remplir le forumulaire, j'avais fait en sorte qu'il doivent cocher chaque règle, pour que la règle suivante s'affiche, et une une fois la dernière règle cochée que le forumulaire d'inscription s'affiche enfin.
C'est un bon systeme. Mon code (surtout javascript) est peut-être améliorable, mais c'est propore et ca marche nickel.
Voici la version épurée :
J'avais un réglement en 4 ou 5 point, court et concis.
Pour obliger (...) le joueur à lire chaque règle avant de pouvoir remplir le forumulaire, j'avais fait en sorte qu'il doivent cocher chaque règle, pour que la règle suivante s'affiche, et une une fois la dernière règle cochée que le forumulaire d'inscription s'affiche enfin.
C'est un bon systeme. Mon code (surtout javascript) est peut-être améliorable, mais c'est propore et ca marche nickel.
Voici la version épurée :
Code PHP :
<?php
<style>
/* bloc (div) ouvrant/fermant */
.b_ferme { display: none; }
.b_ouvre { display: block; }
</style>
<script type="text/javascript">
function ferme(header){
var head=header;
head.className="b_ferme";
}
function ouvre(header){
var head=header;
head.className="b_ouvre";
}
function chk1() {
if (document.charte.c1.checked==true) {
ferme(document.getElementById('d5'));
document.charte.c4.checked=false;
ferme(document.getElementById('d4'));
document.charte.c3.checked=false;
ferme(document.getElementById('d3'));
document.charte.c2.checked=false;
ouvre(document.getElementById('d2'));
}
else {
ferme(document.getElementById('d5'));
document.charte.c4.checked=false;
ferme(document.getElementById('d4'));
document.charte.c3.checked=false;
ferme(document.getElementById('d3'));
document.charte.c2.checked=false;
ferme(document.getElementById('d2'));
}
} // function
function chk2() {
if (document.charte.c2.checked==true) {
ferme(document.getElementById('d5'));
document.charte.c4.checked=false;
ferme(document.getElementById('d4'));
document.charte.c3.checked=false;
ouvre(document.getElementById('d3'));
}
else {
ferme(document.getElementById('d5'));
document.charte.c4.checked=false;
ferme(document.getElementById('d4'));
document.charte.c3.checked=false;
ferme(document.getElementById('d3'));
}
} // function
function chk3() {
if (document.charte.c3.checked==true) {
ferme(document.getElementById('d5'));
document.charte.c4.checked=false;
ouvre(document.getElementById('d4'));
}
else {
ferme(document.getElementById('d5'));
document.charte.c4.checked=false;
ferme(document.getElementById('d4'));
}
} // function
function chk4() {
if (document.charte.c4.checked==true) {
ouvre(document.getElementById('d5'));
}
else {
ferme(document.getElementById('d5'));
}
} // function
//-->
</script>
<!-- charte -->
<form name="charte" action="">
<p><strong>Charte</strong><br /><br /></p>
<div><input type="checkbox" name="c1" onclick="javascript:chk1();" /> <strong>Règle 1</strong><br />blabla</div>
<div id="d2" class="b_ferme"><br /><input type="checkbox" name="c2" onclick="javascript:chk2();" /> <strong>Règle 2</strong><br />Blabla</div>
<div id="d3" class="b_ferme"><br /><input type="checkbox" name="c3" onclick="javascript:chk3();" /> <strong>Règle 3</strong><br />blabla</div>
<div id="d4" class="b_ferme"><br /><input type="checkbox" name="c4" onclick="javascript:chk4();" /> <strong>Règle 4</strong><br />blabla.</div>
</form>
<!-- formulaire d'inscription -->
<div id="d5" class="b_ferme">
<p><strong>Formulaire d'inscription</strong><br /><br /></p>
<form method="post" action="index.php?p=insc2">
ici le forumaire en question !
</form>
</div>