Hidden

Fermé
hubert - 13 juin 2015 à 11:53
 hubert - 13 juin 2015 à 14:42
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";
}
A voir également:

4 réponses

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 718
13 juin 2015 à 11:56
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
Utilisateur anonyme
13 juin 2015 à 12:06
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
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
jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 718
13 juin 2015 à 12:56
<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
merci beaucoup jordane45 !!!!!
0
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