Hidden

hubert -  
 hubert -
Bonjour, je ne vois pas ce qui ne fonctionne pas j'aimerais que quand je clique sur un bouton un disparait et un autre apparait
	<SCRIPT>
document.getElementById("next").style.visibility = "hidden"
function giveup() {
if document.getElementById("giveup").checked
document.getElementById("giveup").style.display = "visible";
document.getElementById("next").style.display = "visible";
}

4 réponses

  1. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 831
     
    Bonjour,

    Pour plus de clarté ... pourrais-tu nous montrer le code HTML qui va avec ?
    car pour l'instant : "un disparait et un autre apparait " .... un QUOI ... un AUTRE QUOI ?
    0
  2. Utilisateur anonyme
     
    Bonjour

    La propriété display de l'objet style n'admet pas "visible" comme valeur.
    Alors soit tu utilises visibility qui peut effectivement valoir "hidden" ou "visible", soit tu utilises display qui peut valoir en autres "none" et "block", mais ne mélange pas les deux.
    0
  3. hubert
     
    j'ai un bouton continue, un bouton give up et un bouton next je veux que next soit hidden et que quand je clique sur le bouton give up, cela hide continue et rend visible next..
    0
  4. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 831
     
    <script type="text/javascript">	
    function showhide(){
     var C = document.getElementById('b_continue');
     var N = document.getElementById('b_next');
     if( N.style.display=="none"){
      C.style.display="none";
      N.style.display="block";
    }else{
      C.style.display="block";
      N.style.display="none";
     }
    }
      
    </script>
    <input type="button" value="giveup" id="b_giveup" onclick="showhide();">
    <input type="button" value="continue" id="b_continue" style="display:block">
    <input type="button" value="next" id="b_next" style="display:none;">  
    

    0
    1. derit
       
      merci beaucoup jordane45 !!!!!
      0
    2. hubert
       
      pourquoi aussi ce code ne marche pas
       
      function showhide(){
      if (document.getElementById('giveup').checked) document.getElementById("continue").disabled = true;
      var C = document.getElementById('continue');
      var N = document.getElementById('next');
      if( N.style.display=="none"){
      C.style.display="none";
      N.style.display="block";
      }else{
      C.style.display="block";
      N.style.display="none";
      }
      document.getElementById("js").value = (varTotal);
      }
      0