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";
}
A voir également:

4 réponses

jordane45 Messages postés 40050 Statut Modérateur 4 757
 
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
 
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
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
jordane45 Messages postés 40050 Statut Modérateur 4 757
 
<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
derit
 
merci beaucoup jordane45 !!!!!
0
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