[javascript]désactiver un bouton au bout de n click

Version imprimable

15/04/2007, 20h21
ranell

[javascript]désactiver un bouton au bout de n click
salut à tous,
je désire creer une fonction qui permet de rendre un bouton non cliquable au bout de n click:
ici n est le nombre de click avec n=13:
Code:

1 2 3 4 5 6 function desactive_bouton() {if(n>13) {document.getElementByName('tirer').disabled=true; document.getElementById('zone_text').innerHTML='vous ne pouvez plus tirer';}}
j'appelle ma fonction lors d'un evenement OnClick dans input.
Code:

1 2 <input type='button' value='TIRER' name='tirer' OnClick='desactive_bouton();'>
qu'est ce qui cloche dans ma fonction??
merci pr votre aide:)

Bonjour,
ce code marche bien :
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 33 34 <html> <head> <script> var n=1; function desactive_bouton() { if(n>5) { document.getElementById('tirer').disabled=true; document.getElementById('zone_text').innerHTML='vous ne pouvez plus tirer'; } n = n+1; } </script> </head> <body> <input type='button' value='TIRER' id='tirer' OnClick='desactive_bouton();'><br/><br/> <div id="zone_text"> Balise zone_text </div> </body> </html>
Comme tu vois dans le code que j'ai mis en dessus, j'ai référencé le boutton par son ID et non pas par l'attribut name, sinon (c'est à dire avec l'attribut name ça ne marchera pas).

16/04/2007, 11h12
Benouze
Bonjour,
Citation:
Envoyé par ranell

Code:

1 2 3 4 5 function desactive_bouton() {if(n>13) {document.getElementByName('tirer').disabled=true; document.getElementById('zone_text').innerHTML='vous ne pouvez plus tirer';}}
La méthode "getElementByName" n'existe pas. C'est "getElementsByName" qui existe et elle renvoit un tableau d'éléments et non pas un élément seul.
16/04/2007, 18h11
ranell

merci pour vos réponses :)
17/02/2010, 16h34
sylvain64520

Est-ce possible de faire la même chose sur un div ? un équivalent du disabled, une interdiction de clic gauche sur certains div
17/02/2010, 16h41
SpaceFrog

au niel click modifiers le onclick du div ...

Code:

if (n>13){obj.onclick=function (){return false;}

ou void(0) ...
ou rien :D