Désactivation et détection de clic sur bouton radio

Version imprimable

20/04/2006, 12h14
Prue

Désactivation et détection de clic sur bouton radio

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
20/04/2006, 12h17
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 ;)
20/04/2006, 12h23
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 :cry:
20/04/2006, 12h31
Swoög

tu as essayé de mettre ton input en readonly au lieu de disabled ?
20/04/2006, 12h46
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 ?
20/04/2006, 13h03
Prue
@Swoög : Le truc c'est que je passe par du javascript pour le désactiver
Code:

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:

1 2 3 4 <div> Mon bouton </div>
en simplifier bien sûr.
Je ne comprends pas ton autre méthode :oops:
20/04/2006, 13h39
denisC
Citation:
Envoyé par Prue

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

Code:

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

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

1 2 document.getElementById('reglement1').readonly=true
8-)
Citation:
Envoyé par Prue

J'ai mis ma div autour du bouton.

Code:

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é?
20/04/2006, 14h20
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.

Code:

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

Puis desactiver:

Code:

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?

20/04/2006, 15h46
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 :cry:
20/04/2006, 16h06
denisC

Citation:

Envoyé par Prue

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

IE ou Firefox? (ou les deux?)
20/04/2006, 16h07
Prue

Ie
20/04/2006, 16h42
denisC

Citation:

Envoyé par Prue

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)....
20/04/2006, 16h48
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 :?
20/04/2006, 16h59
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
@+
21/04/2006, 08h23
denisC

Citation:

Envoyé par guy777

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?
21/04/2006, 09h17
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
21/04/2006, 11h14
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 ? :oops:
21/04/2006, 11h24
denisC

Citation:

Envoyé par Prue

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

Eu haut de la discussion > outil de la discussion > mettre résolu. ;)
21/04/2006, 13h50
Prue

Merci ^o^

Fuseau horaire GMT +2. Il est actuellement 12h42.