metzger Posted December 29, 2016 Share Posted December 29, 2016 Bonjour à tous je vous contacte car utilise le module hopopup qui affiche un pop up avec le contenue de ma page cms . Dans ce pop up aurait besoin de mettre une saisie de la date de naissance et une vérification de age avec du code javascript . Comment je pourrait faire sa ? Merci avance pour votre aide Link to comment Share on other sites More sharing options...
Alexandre Carette Posted December 30, 2016 Share Posted December 30, 2016 Bonjour metzger, tu peux mettre ton javascript dans le tpl de ton module cordialement Link to comment Share on other sites More sharing options...
metzger Posted December 31, 2016 Author Share Posted December 31, 2016 ok merci je vais tester et je vous tiens au courant . Link to comment Share on other sites More sharing options...
metzger Posted January 4, 2017 Author Share Posted January 4, 2017 j'ai tester adapter le code suivant : <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="https://jqueryui.com/resources/demos/style.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"> </script> <script> //Date de la majorité //Date de la majorité = date du jour - 18 ans var dMajor = new Date(); dMajor.setFullYear(dMajor.getFullYear()-18); function isMajor(){ //Date de naissance var dBirth=new Date(document.getElementById("datepicker").value); var resultElement=document.getElementById("result"); //Comparaison entre la date de naissance et la date de la majorité if(dBirth<dMajor){ //Si inférieur alors je suis majeur resultElement.value="Je suis Majeur !!!"; resultElement.style.color="white"; resultElement.style.backgroundColor ="green"; }else{ //Si supérieur alors je suis mineur window.location.href="https://www.google.fr/" resultElement.style.color="white"; resultElement.style.backgroundColor ="red"; } } $( function() { $( "#datepicker" ).datepicker({ changeMonth: true, changeYear: true }); } ); </script> </head> <body> Date de naissance : <br/> <input type="text" id="datepicker" onchange="isMajor()"> <br/> <input type="text" id="result" disabled> </body> </html> j'ai un soucis dans la page cms avec la ligne suivante : <input type="text" id="datepicker" onchange="isMajor()"> j'ai lemessage erreur suivant :Le champ content est invalide. Comment résoudre ce soucis ? Merci avance pour votre aide Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now