Bonjour à tous,
 
Je suis un peu embêté, je ne trouve pas la solution à mon problème.
J'ai réalisé un QCM assez basique.
Seulement voilà, à une question j'ai ceci :
 
http://img4.hostingpics.net/pics/5 [...] treJPG.jpg
 
J'aimerais créer un code en Javascript, qui me permette, lorsque je coche la case "Autre" cela m'active le champ du dessous, jusque la c'est ok :
 
http://img4.hostingpics.net/pics/7 [...] re2JPG.jpg
 
La difficulté maintenant est que lorsque je redécoche (et etc etc) la case j'aimerais qu'il se redésactive. Et ça ça ne fonctionne pas.
Voici ce que j'ai fait :
 
La question :
 
Code :
 
    <!------------------------------------------------ Question 6 ------------------------------------------------>
    <div id="Q6">
    <font size="4" color="blue"><b>6 - Si Oui, quel type de formation ?  </b></font>
    <br><br>
    <font size="3" color="black"><ul>
     <INPUT TYPE="checkbox" NAME="Ques6[]" VALUE="Diplôme universitaire"> Diplôme universitaire<br>
     <INPUT TYPE="checkbox" NAME="Ques6[]" VALUE="RHST"> RHST (formation Giropharm par des tabacologues CHU)<br>
     <INPUT TYPE="checkbox" NAME="Ques6[]" VALUE="Ma formation officinale.com"> Ma formation officinale.com<br>
     <INPUT TYPE="checkbox" NAME="Ques6[]" VALUE="Fiche Technique CESPHARM"> Fiche Technique CESPHARM<br>
     <INPUT TYPE="checkbox" NAME="Ques6[]" VALUE="Autre : " onclick="Coche6();"> Autre...<br><br>
     <textarea id="Question6Area" onclick="if (this.value=='Précisez') this.value=''" style="resize: none;" name="Reponse6" cols="50" rows="4">Précisez</textarea>
    </ul>
    <br><br>
    </div>
 
 
 
 
Et maintenant le code javascript qui fonctionne pas : (il n'active jamais le textarea et reste toujours grisé)
 
Code :
 
    function Coche6()
    {
     if ($_POST['Ques6'] == "Autre : " )
     {
      document.getElementById('Question6Area').disabled = false;
     }
     else
     {
      document.getElementById('Question6Area').disabled = true;
     }
    }
    }
 
 
 
 
Je précise que je suis débutant.
Je rappel rapidement le problème : quand on coche la case "Autre" de Ques6, on active le textarea, lorsqu'on décoche, on le désactive.... etc etc
 
 
Merci d'avance

On peut savoir le rapport avec la catégorie Delphi/Pascal
 
Edit : concernant ta question, déjà $_POST, c'est une variable côté PHP (donc serveur), donc c'est normal que ça marche pas.
 

var myitem = document.getElementById('Ques6');
for (var loop=0; loop < myitem.length; loop++) {
    if (myitem[loop].value == 'Autre : ') {
        if (myitem[loop].checked == true) {
            document.getElementById('Question6Area').disabled = false; 
        } else {
            document.getElementById('Question6Area').disabled = true; 
        }
    }
}

Cela dit, ça serait plus joli en utilisant className plutôt que disabled pour cacher/afficher ton champ. dans ton css, tu mets :

.hide {
  display: none;
}
 
.show {
  display: block;
}

 
et dans ton js :

var myitem = document.getElementById('Ques6');
for (var loop=0; loop < myitem.length; loop++) {
    if (myitem[loop].value == 'Autre : ') {
        if (myitem[loop].checked == true) {
            document.getElementById('Question6Area').className= 'show'; 
        } else {
            document.getElementById('Question6Area').className= 'hide'; 
        }
    }
}

 
et dans ton HTML :  
<textarea id="Question6Area" onclick="if (this.value=='Précisez') this.value=''" style="resize: none;" name="Reponse6" class="show" cols="50" rows="4">Précisez</textarea>
 
Par ailleurs, je te recommande d'apprendre le xhtml car là, tu code comme dans les années 90 Ex : je ne vois pas de balise <form> pour ton formulaire.