Jump to content

javascript dans ficher cms


metzger
 Share

Recommended Posts

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

   

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More