Image qui change ave un bouton
weedhopper
Messages postés
4
Date d'inscription
vendredi 15 septembre 2006
Statut
Membre
Dernière intervention
19 février 2012
-
19 févr. 2012 à 12:20
cs_jperre Messages postés 268 Date d'inscription lundi 9 janvier 2006 Statut Membre Dernière intervention 19 janvier 2017 - 19 févr. 2012 à 23:11
cs_jperre Messages postés 268 Date d'inscription lundi 9 janvier 2006 Statut Membre Dernière intervention 19 janvier 2017 - 19 févr. 2012 à 23:11
A voir également:
- Image qui change ave un bouton
- Convolution image - Conseils pratiques -Java
- Form image ✓ - Forum Visual Basic
- Bouton grisé ✓ - Forum Javascript / DHTML
- Supprimer un bouton excel ✓ - Forum VB.NET
- Bouton play ✓ - Forum Flash
1 réponse
cs_jperre
Messages postés
268
Date d'inscription
lundi 9 janvier 2006
Statut
Membre
Dernière intervention
19 janvier 2017
2
19 févr. 2012 à 23:11
19 févr. 2012 à 23:11
Il suffit de modifier la valeur de l'attribut src d'un élément
Dans la section <head> de la page HTML :
<script type="text/javascript">
function changeState()
{
var state=document.getElementById("btopenclose").value;
var imgstate=document.getElementById("imgopenclose");
if (state=="Ouvrir")
{
imgstate.src="ouvert.jpg";
document.getElementById("btopenclose").value="Fermer";
}
else if (state=="Fermer")
{
imgstate.src="fermé.jpg";
document.getElementById("btopenclose").value="Ouvrir";
}
}
</script>
Chaque fois que vous cliquez sur le bouton, l'image change et le texte du bouton également.
Dans la section <head> de la page HTML :
<script type="text/javascript">
function changeState()
{
var state=document.getElementById("btopenclose").value;
var imgstate=document.getElementById("imgopenclose");
if (state=="Ouvrir")
{
imgstate.src="ouvert.jpg";
document.getElementById("btopenclose").value="Fermer";
}
else if (state=="Fermer")
{
imgstate.src="fermé.jpg";
document.getElementById("btopenclose").value="Ouvrir";
}
}
</script>
Chaque fois que vous cliquez sur le bouton, l'image change et le texte du bouton également.
