Radio boutton et Fancybox

Résolu/Fermé
Signaler
-
 DiMeh_ -
Bonjour,

Je travail actuellement sur un site sous Prestashop et je voudrai faire la chose suivante:
Sur la fiche produit, si le client décide de choisir une assistance pour l'installation quand il clique sur "Oui" alors une fancybox apparaît et il peut choisir le type d'installation qu'il souhaite .
J'ai un peu naviguer sur différent forum pour chercher un solution mais san résulat, j'ai trouver sur le net un exemple de ce que je veut: http://jsfiddle.net/HYAxy/2/
Sauf qu'au lieu d'afficher une image ça doit afficher un contenu.

Voila ma Form:
<form>

                    <div style="{if $product->category === "pompes-circulateurs"}display: none !important; {/if}font-size: large">

                    <label class="product-label">{l s='Installation'}</label>

                        <div style="margin-left: 1em;">

                            <input type="radio" id="installoui" value="oui" name="installation">

                            <label for="installoui">{l s='Oui'}</label><br>

                            <input type="radio" id="installnon" value="non" name="installation">

                            <label for="installnon">{l s='Non'}</label><br>

                            <a class="product-sku" href="http://www.google.com" rel="nofollow noopener noreferrer" target="_blank">Comment choisir mon installation ?</a><br>

                        </div>

                      </div>

                  </form>



Mon JS:
    $('document').ready(function(){
      console.log("test");
      $('input[name="installation"]').change(function() {
        var installation= $(this).checked ;
      if(installation == "oui") {
        $.fancybox();
          'content': '<span>INSTALLATION</span>',
        }); // fancybox
      }
      });
    });


Merci d'avance pour vos réponse !

2 réponses

Messages postés
34265
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 décembre 2021
3 870
Bonjour,

J'ai déplacé ta question dans le forum javascript ( JAVA n'est pas JAVASCRIPT )

Ensuite... fais donc un console.log sur ta variable installation ....
Je ne suis pas certain que ça te retourne "oui" ....

Regarde ce que fait ce code :
alert($('input[name="installation"]:checked').val()); 

Merci !
Oui j'ai effectué des console.log un peu partout et je pense que l'erreur viens de mon if ...
Merci !
Problème résolue !
Je laisse mon code pour ceux que ça intéresse
    $('document').ready(function(){
      console.log("test");
      $('input[name="installation"]').change(function() {
        var installation = $('input[name="installation"]:checked').val();
        console.log("installation_val: " + installation);
        if(installation == "oui") {
          console.log("test3");
                $.fancybox({
                  'content': '<span>INSTALLATION</span>',
                  'hideOnContentClick': false
          });
        }
			});
    });