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

Version imprimable

:salut:

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:

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!

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:

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

15/07/2008, 12h15
SpaceFrog

répondu entre temps
15/07/2008, 12h27
xanatos

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...
15/07/2008, 12h29
SpaceFrog

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

Code:

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:

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) ="▼";
}
}

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:

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>

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:

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

++

15/07/2008, 12h51
Bovino

Code:

<script type="text/javascript">
15/07/2008, 12h53
SpaceFrog

...
15/07/2008, 13h05
xanatos

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 ... :(

Citation:

Envoyé par xanatos

Code:

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 :P

Code:

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 8-)

15/07/2008, 13h06
SpaceFrog

le code que je t'ai donné fonctionne ... :roll::roll::roll::roll:
15/07/2008, 13h11
xanatos

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é!!!

:yaisse2:

Merci @+