fonction qui permet de modifier l'état d'un bouton

**xanatos** · 15/07/2008, 12h08

Je souhaite changer l'état d'un bouton lorsque qu'on clique dessus ... autrement dit le premier caractère du bouton qui est "►" doit devenir "▼" losqu'on clique dessus...

POur cela je me suis servi d'une fonction en Javascript qui est la suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function ChgState (mon_bouton)
 
alert('coucou!!!')
 
if (document.getElementById(mon_bouton).substr(1,1) == "►")
{
document.getElementById(mon_bouton).substr(1,1) ="▼";
} 
 
</script>
 
<a class="menu1" name="menu_client" id="bouton1" href="javascript:void
 
(0)" onClick="ChgState('bouton1')">►Menu Client</a>

... apparemment on accède pas a ma fonction vu que l' alerte "coucou!!!" ne fonction pas ...

... donc voilà si quelqu'un a sa petite idée ... elle est la bienvenue ...

Merci!

**SpaceFrog** · 15/07/2008, 12h14

tu ne peux pas essayer de remplacer un caractère en essayant d'attribuer un substr .. c'est en lecture seule ...
il faut passer par un replace:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function ChgState (mon_bouton)
 
alert('coucou!!!')
 
if (document.getElementById(mon_bouton).substr(1,1) == "►")
{
document.getElementById(mon_bouton).value.replace("►","▼")
} 
 
</script>
 
<a class="menu1" name="menu_client" id="bouton1" href="javascript:void
 
(0)" onClick="ChgState('bouton1');return false;">►Menu Client</a>

et accessoierement inhiber le href avec un return false

**SpaceFrog** · 15/07/2008, 12h15

répondu entre temps

**xanatos** · 15/07/2008, 12h27

Merci Space Frog! ... tu as surrement fais avancer le schmilblick, mais apperemment on accède toujours pas à la fonction ... l'alerte "coucou!!!" ne répond toujours pas ...

... si tu as une autre idée, je suis preneur...

**SpaceFrog** · 15/07/2008, 12h29

Ta fonction est bien dans le head entre balises script ?
javascript est activé ?

**Bovino** · 15/07/2008, 12h32

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function ChgState (mon_bouton)
 
alert('coucou!!!')
 
if (document.getElementById(mon_bouton).substr(1,1) == "►")
{
document.getElementById(mon_bouton).substr(1,1) ="▼";
}

Il manque peut-être des accolades et des points virgule aussi...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
function ChgState (mon_bouton){
 
alert('coucou!!!');
 
if (document.getElementById(mon_bouton).substr(1,1) == "►")
{
document.getElementById(mon_bouton).substr(1,1) ="▼";
}
}

**SpaceFrog** · 15/07/2008, 12h48

bon il manquait déja les { } autour de la fonction ...
Puis le substr est mal venu ... tu ne peux pas avoir en un seul espace la chaine complète demandée ...

voici ma solution

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<script type='text/javascript'>
function ChgState (mon_bouton){
if (document.getElementById(mon_bouton).innerHTML.charCodeAt(0)==9658)
{
document.getElementById(mon_bouton).innerHTML=document.getElementById(mon_bouton).innerHTML.replace(String.fromCharCode(9658),String.fromCharCode(9660));
} 
 }
</script>
</head>
 
<body>
 
 
<a class="menu1" name="menu_client" id="bouton1" href="javascript:void
 
(0)" onClick="ChgState('bouton1');return false;">►Menu Client</a>
</body>

**xanatos** · 15/07/2008, 12h48

OK ... je ne savais pas qu'il fallait mettre la fonction dans le head ...

Ma fonction est entourée des balises script comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<script language = javascript>
 
function ChgState (mon_bouton)
{
alert('coucou!!!')
if (document.getElementById(mon_bouton).substr(1,1) == "►")
{
document.getElementById(mon_bouton).value.replace("►";"▼")
} 
}
</script>

Sinon c'est clair qui manquait des accolades ... mais ca marche toujours pas...

... donc je sais pas si j ai bien activé le javascript (où et comment le faire?)

A moins que voue voyez d'autres suggestions

Merci

++

**Bovino** · 15/07/2008, 12h51

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript">

**SpaceFrog** · 15/07/2008, 12h53

...

**xanatos** · 15/07/2008, 13h05

Bon ... tous les éléments que vous m'apportez on l'air assez pertinants...

le problème, c'est qu'apparement on arrive pas ds la fonction ... toujours pas d'alerte "coucou!!!"

Mais alors je vois vraiment pas pourquoi ...

**hiul dragonfel** · 15/07/2008, 13h06

Envoyé par xanatos

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<script language = javascript>
 
function ChgState (mon_bouton)
{
alert('coucou!!!')
if (document.getElementById(mon_bouton).substr(1,1) == "►")
{
document.getElementById(mon_bouton).value.replace("►";"▼")
} 
}
</script>

il manque toujours des turs pour que ta fonction fonctionne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<script language = javascript>

function ChgState (mon_bouton)
{
   alert('coucou!!!');
   if (document.getElementById(mon_bouton).substr(1,1) == "►");
   {
      document.getElementById(mon_bouton).value.replace("►","▼");
   } 
}
</script>

tu peux aussi lire les postes précédents

**SpaceFrog** · 15/07/2008, 13h06

le code que je t'ai donné fonctionne ...

**xanatos** · 15/07/2008, 13h11

Bon ... j ai rien dit ... juste un script foireux qui apparemment faisait buguer mon code ...

reste à vous dire un grand merci ... vous avez bien assurer le steack haché!!!

Merci @+

fonction qui permet de modifier l'état d'un bouton

JavaScript

Discussions similaires

Partager

Partager