checkbox qui utilise un bouton caché

**slogout** · 07/07/2013, 20h08

Bonjour

j 'ai une page html sur laquelle j ai ajouté un checkbox au lieu du bouton ajax dont j ai seulement changé le style CSS ( du bouton) en display:none.

Est t il possible en cliquant sur le checkbox de lancer le bouton ajax ?

Code html :

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

<input id="button" class="btn" type="submit" onclick="le code appeler" >

Je connais les concepts de programmation mais pas javascript et je ne souhaite pas écrire le code AJAX coté client /serveur seulement changer l interface puisque le bouton est associé a des champs dont je n ai pas besoin de changer les valeurs et dont j'ai changé les CS ( dsiplay:none) .
Merci

**NoSmoking** · 08/07/2013, 10h52

Bonjour,
si ton élément est en display:none tu ne pourras jamais l'atteindre, le cliquer donc!

**slogout** · 08/07/2013, 13h05

Envoyé par NoSmoking

Bonjour,
si ton élément est en display:none tu ne pourras jamais l'atteindre, le cliquer donc!

Je souhaite cliquer sur le checkbox et laisser au script le soin de "cliquer/activer /lancer" le bouton ( le code situer apres onclick dans le bouton )

JE pensais que ce n est pas parce qu 'un bouton n'est pas visible que le code qui est bien dans la page html ne peu pas fonctionner . si cliquer sur le bouton lance l 'appel de fonctions javascript , le fait de cliquer sur un checkbox doit pouvoir faire la même chose. Puis je copier le code " onclick="le_code_js" du bouton dans le checkBox pour que le même code s'éxécute ?

Dans un sens la partie graphique n 'a pas beaucoups d importance puisque le script utilise le dom pour travailler.

**SylvainPV** · 08/07/2013, 13h46

C'est une mauvaise façon de voir les choses. Le bouton a un listener (fonction à déclenchement programmé) sur l'évènement click qui lui est propre. Le clic sur la checkbox ne doit pas "simuler un clic sur le bouton", il ne s'agit pas du même évènement ni de la même action et on ne doit pas mélanger ces actions sous peine d'avoir des comportements indésirables (pertes de focus, appels d'autres listeners etc..). Par contre, on peut rattacher la même fonction sur plusieurs listeners.

Dans ton cas, il suffit de changer l'attribution du listener de ton bouton pour la mettre sur ta checkbox.

**NoSmoking** · 08/07/2013, 16h29

bien d'accord avec SylvainPV, pas besoin de l'INPUT type submit dans ton cas, te peux faire un oForm.submit() direct si tes contrôles sont satisfaisant.

**slogout** · 09/07/2013, 22h26

Bonjour

Je ne suis pas développeur même si j'ai étudié java et C++ ( héritage, portée des variables, instanciation/initialisation ) mais peu codé .

Sur ma page web j'ai par défaut plusieurs boutons auxquels j 'ai ajouté plusieurs checkbox . A chaque checkbox doit pourvoir appeler son bouton. Je pourrais aussi redéfinir le bouton pour avoir l apparence et le comportement d'un checkbox ...... .
auriez vous un lien qui pourrait me guider ,car je n'ai pas assimiler les concepts (buble ? trigger ? ....) ?

Merci
-------------------------------------------------------------------
sinon le code suivant ci dessous fonctionne que le bouton soit caché ou pas !!! mais ce code ne fonctionne pas dans le contexte du CMS . Je ne la'ai testé que sous firefox !!!

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
<script>
function mybutton(param){alert("I am an alert box of name"+param);}
</script>
<style>#buttonid{display:none;}</style>
</head><body>
<input type="button" id="buttonid" class="buttonclass" onclick="mybutton()" value="button1">
<label><input id="siege4" type="checkbox" onclick="document.getElementById('buttonid').onclick();" >siege4 call clik button  1</label>
</body></html>

**NoSmoking** · 09/07/2013, 23h41

Pourquoi ne pas faire simplement

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
<script>
function mybutton(obj){
  if( obj.checked){
    alert("I am an alert box of name");
  }
}
</script>
</head>
<body>
<label><input id="siege4" type="checkbox" onclick="mybutton(this);" >siege4 call clik button  1</label>
</body>
</html>

**slogout** · 10/07/2013, 00h54

je ne connaissais pas cette façon d 'écrire le code .

Merci

checkbox qui utilise un bouton caché

JavaScript

Discussions similaires

Partager

Partager