Discussion :

[Prue]

Bonjour,

J'aimerais pouvoir détecter un clic sur un bouton radio désactivé.
Comment puis-je faire s'il vous plait ?
J'ai bien un "onclick" dans ma balise <input> mais malheureusement il ne fonctionne pas quand je désactive le bouton et j'en ai besoin quand même

Merci d'avance

[Swoög]

s'il est désactivé, il est impossible d'effectuer tout opération quelle qu'elle soit dessus, regarde du côté de readonly

[Prue]

Et il n'y a pas moyen de l'encadrer avec quelque chose qui détecterait le clic ? Autre qu'un lien ? Parce que j'ai essayé de le mettre dans une div mais il n'y a que lorsque je clic dans les espaces vides de la div que cela fonctionne. Lorsque je clic sur le bouton ou sur le texte le clic n'est pas non plus détecté. J'ai essayé aussi avec un span mais c'est le même résultat

[Swoög]

tu as essayé de mettre ton input en readonly au lieu de disabled ?

[Tdeny]

Bonjour,

Tu as essayé avec une div.
Mais, avec une div au dessus du bouton en position absolute et sans couleur de fond ? Ou une div autour du bouton ?

[Prue]

@Swoög : Le truc c'est que je passe par du javascript pour le désactiver

Code :

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

1
2
 
document.getElementById('reglement1').checked=true

Comment fait-on la même chose pour mettre le bouton en readonly ?

@Tdeny : Bonjour,
J'ai mis ma div autour du bouton.

Code :

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

1
2
3
4
 
<div>
Mon bouton
</div>

en simplifier bien sûr.
Je ne comprends pas ton autre méthode

[denisC]

@Swoög : Le truc c'est que je passe par du javascript pour le désactiver

Code :

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

1
2
 
document.getElementById('reglement1').checked=true

Comment fait-on la même chose pour mettre le bouton en readonly ?

Code :

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

1
2
 
document.getElementById('reglement1').readonly=true

J'ai mis ma div autour du bouton.

Code :

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

1
2
3
4
 
<div>
Mon bouton
</div>

Mets plutot un span autour, puis affecte un onclick à ton span. Qu'est ce que tu veux faire quand on clicque sur le bouton qui est desactivé?

[Prue]

Merci pour la syntaxe du readonly mais en readonly je peux toujours sélectionner mon bouton C'est pas bon...

Et j'ai déjà essayé de remplacer ma div par un span mais ça ne marche pas du tout, même pas en cliquant dans les espaces vides.

En fait lorsque le bouton est désactivé et qu'on clic dessus il doit y avoir une popup qui s'ouvre pour expliquer pourquoi ce bouton n'est pas sélectionnable.

[denisC]

Code :

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

1
2
3
4
 
<span id='autourBouton'>
<input type='button' id='monBouton' onclick=...
</span>

Puis desactiver:

Code :

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

1
2
3
4
5
6
 
function desactive() {
  document.getElementById('monBouton').disabled = true;
  document.getElementById('autourBouton).onclick = function() {alert('vous ne pouvez pas cliquer ici!!')};
  document.getElementById('autourBouton).setAttribute('onclick',function() {alert('vous ne pouvez pas cliquer ici!!')});
}

Ca marche pas quelque chose dans ce gout?

[Prue]

Non ça ne marche pas
En fait c'est exactement le même résultat que ce que je faisais plus simplement en mettant mon onclick directement dans mes balises span et div à savoir que pour div ça marche du moment que je clic à des endroits de la div qui sont vides et que pour le span ça ne fonctionne pas du tout

[denisC]

En fait c'est exactement le même résultat que ce que je faisais plus simplement en mettant mon onclick directement dans mes balises span et div à savoir que pour div ça marche du moment que je clic à des endroits de la div qui sont vides et que pour le span ça ne fonctionne pas du tout

IE ou Firefox? (ou les deux?)

[Prue]

Ie

[denisC]

Ie

En effet, c'est donc du bubbling d'evenement. A savoir, le click arrive d'abord sur le radio, qui le jette à la poubelle....

Euh, je ne vois pas vraiment contourner ça, à part à placer un claque habilement au bon endroit (au dessus du radio)....

[Prue]

Oui j'y est pensé aussi mais mes boutons radios sont basés sur des recordset et si jamais les enregistrements changent, le nombre de bouton radio aussi et là c'est mort faut que je repositionne tous mes cadres

[guy777]

J'aurais bien une idée mais c'est de la grosse bidouille !!!
tu met dans un div ton bouton radio normal et dans une autre div l'image du bouton désactivé et par un habile jeu avec le style visibility tu fais apparaitre l'une ou l'autre des div. Comme ton radio désactivé est une image tu peux cliquer dessus et gérer l'évènement.
Attention, pour rendre ceci indétectable au yeux de l'utilisateur, place bien ton image au pixel près. Attention aussi, cela risque d'alourdir considérablement la complexité de la page, surtout s'il y a plusieurs radio !

A toi de voir
@+

[denisC]

J'aurais bien une idée mais c'est de la grosse bidouille !!!

Quitte à aller dans la bidouille, j'opterais pour laisser tomber le radio et passer en tout image dans ce cas (avec un champ hidden ou un radio dans un div caché derrière). Tout dépends de la priorité que tu donnes à cette "amélioration". C'est vraiment capital?

[guy777]

Je suis assez d'accord, cela reviendrait à "recréer" le radio ! Cool ! Si le code est propre est bien conçu, je pense que le code ne devrait pas être trop lourd à gérer ...

A voir

[Prue]

A bien y réfléchir, je vais sans doute me débrouiller autrement pour donner l'explication du pourquoi on ne peut pas cliquer sur le bouton. Parce que la bidouille c'est bien mais sur un site pro ça fait pas trop clean
Tant pis.
Je vous remercie pour votre aide. C'est bien la première fois que je n'arrive pas à faire ce que je veux en javascript


Avec la nouvelle version du forum je ne retrouve plus rien. Comment fait-on pour marquer le sujet comme résolu ?

[denisC]

Avec la nouvelle version du forum je ne retrouve plus rien. Comment fait-on pour marquer le sujet comme résolu ?

Eu haut de la discussion > outil de la discussion > mettre résolu.

[Prue]

Merci ^o^