Rendre le bouton invisible après le onclick !
Bonjour à toutes et à tous,
Je ne sais pas si ce sujet à sa place en css ou javascript.
Sur ma page, j'ai deux boutons qui commande la balise "bgsound", un pour le play, l'autre pour le stop.
J'aimerai que lorsque je clique sur le bouton "Stop" qu'il soit invisible pour faire apparaitre le bouton "Play" comme cela, je pourrai les superposer.
J'ai essayé avec le style et hidden et pas d'effet.
Code:
1 2 3 4 5 6 7 8 9 10 11
| <bgsound id="son" name="son" src="Musique/sound1.mid"></bgsound>
</head>
<body style="height: 750px;">
<button
style="position: absolute; height: 20px; top: 750px; right: 100px; width: 53px;"
name="stop" value="Stop" title="Arrêt de la musique !"
onclick='document.getElementById("son").src="";'>Stop</button>
<button
style="position: absolute; height: 20px; top: 750px; left: 100px; width: 53px;"
name="Play" value="Play" title="Lecture de la musique !"
onclick='document.getElementById("son").src="Musique/sound1.mid";'>Play</button> |
Merci pour l'aide éventuelle.
@+,
Cincap
1 pièce(s) jointe(s)
Exemple concret avec vumetre !
@ sekaijin,
Voila mon test avec l'image, cela fonctionne mais si il y a une erreur de professionnalisme, n'hésitez pas.
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32
|
<script language="javascript">
function sound(btn) {
var bgsound = document.getElementById("sonbis");
if ("" == bgsound.getAttribute("src")) {
//il faut afficher le bouton Stop et jouer le son
btn.innerHTML = "Stop";
btn.title="Arrêt de la musique !"
bgsound.setAttribute("src","Musique/sound1.mid");
//affichage de l'image
document.getElementById("bg").style.visibility="visible"; }
else {
//il faut afficher le bouton Play et arrêter le son
btn.innerHTML = "Play";
btn.title="Lecture de la musique !"
bgsound.setAttribute("src","");
//image cachée
document.getElementById("bg").style.visibility="hidden";
}
}
</script><bgsound
id="sonbis" name="son" src=""></bgsound>
</head>
<body
style="background-repeat: repeat; background-attachment: scroll; background-position: 0% 50%; height:
750px; background-image: url(none);">
<button id="Play_Stop" title="Lecture de la musique !"
onclick="return sound(this);">Play</button>
<br>
<br>
<img id="bg" src="soundon.gif" ; style="position: absolute; right: 145px; top: 725px; visibility: hidden;"> |
@+,
Cincap