BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

 > Scripts pour votre site
  Nouveaux messages Nouveaux messages Fil RSS - visibilité bouton
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

visibilité bouton
 Répondre Répondre Page  12>
Auteur
Message
  Sujet Recherche Sujet Recherche  Options des sujets Options des sujets
Legris allez vers le bas
Newbie
Newbie
Avatar

Depuis le: 28 Août 2014
Pays: France
Status: Inactif
Points: 10 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Legris Citer  RépondreRéponse Lien Direct à ce Post Sujet: visibilité bouton
    Envoyé : 28 Août 2014 à 23:59
Bonjour,

Voila je n'y connai vraiment rien en langage javascript et je crois que je n'ai pas le choix de paser par la pour ma petite création.
j'ai intégré à une page une "case a cocher" et un "bouton lien" (qui ouvre un lien ver une autre page) mais je voudrai que ce "bouton lien" soit visible seulement si la "case à cocher" est coché.
Pouvez-vous m'aider?
Merci beaucoup
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Août 2014 à 09:15
tu démarres chaud sans notion de programmation...Confused
Haut de la page
Legris allez vers le bas
Newbie
Newbie
Avatar

Depuis le: 28 Août 2014
Pays: France
Status: Inactif
Points: 10 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Legris Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Août 2014 à 09:17
je crois oui... :-(
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971 		Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Août 2014 à 09:35
Bonjour,

C'est relativement simple.

 - Trouvez l'ID pour l'element "case a cocher" ainsi que pour l'element-bouton, dans l'onglet Proprietes de droite. Ils comencent tous pas "WE"

 - Ajouter Bloc de Code (Source) type JavaScript position Headers, avec le code (remplacez les IDs, par exemple #WE1234567890):

$(function(){

  $('#id_case_cocher input').change(function(){
    if ($('#id_case_cocher').is(':checked'))
      $('#id_bouton').show();
    else
      $('#id_bouton').hide();
  });

});

Si ca ne marche pas, publiez en ligne et donnez le lien pour verifier.

Cordialement
D
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Août 2014 à 09:51
j'ai appris une fonction tiens...je mourrais moins bête ce soir...Clap
Haut de la page
Legris allez vers le bas
Newbie
Newbie
Avatar

Depuis le: 28 Août 2014
Pays: France
Status: Inactif
Points: 10 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Legris Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Août 2014 à 09:55
Bonjour,
merci beaucoup j'ai deja bien avant grace a ton aide.
mais un petit probleme se pose le bouton est présent a l'ouverture de la page et disparait lorsque je coche la case mais ne réapparait pas si je la décoche.

lien : http://touchphotos.free.fr/Validation%20nue.htm

merci beaucoup
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Août 2014 à 10:10
Je me suis trompe un peu. Voici le code, avec l'ajout de simulation d'evenement de changement pour que sur l'ouverture le bouton s'affiche ou se cache selon l'etat de la case (comme si l'utiliasteur a deja appuye).

$(function(){

  $('#WEb16d04b6c0 input').change(function(){
    if ($('#WEb16d04b6c0 input').is(':checked')) {
      $('#WEdb1fa798f7').show();
    } else {
      $('#WEdb1fa798f7').hide();
    }
  });
  $('#WEb16d04b6c0 input').change(); // afficher/masquer le bouton sur l'ouverture de la page

});
Haut de la page
Legris allez vers le bas
Newbie
Newbie
Avatar

Depuis le: 28 Août 2014
Pays: France
Status: Inactif
Points: 10 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Legris Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Août 2014 à 11:13
ouah alors la merci vraiment beaucoup
c'est super génial.
maintenant me reste plus qu'a finaliser le reste du site.
merci encore
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Août 2014 à 11:33
>>maintenant me reste plus qu'a finaliser le reste du site.

rien que ca )
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 29 Août 2014 à 14:32
facile avec le nouveau bouton de la prochaine version 1.50 "tout construire automatiquement". Big smile
Haut de la page
 Répondre Répondre Page  12>
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.063 secondes.