Vous pouvez ajouter du JavaScript aux zones de clic, aux zones de texte et aux boutons dans les projets Adobe Captivate. Le JavaScript peut être exécuté lorsqu’un utilisateur clique sur ou en dehors d’une zone ou d’un bouton. L’utilisation de JavaScript permet d’améliorer les projets de plusieurs façons tout en ajoutant de l’interactivité.

  1. Cliquez sur la zone de clic, la zone de texte ou le bouton.

  2. Dans la section Action de l’Inspecteur des propriétés, sélectionnez Exécuter JavaScript dans la liste déroulante Si réussite.

  3. Cliquez sur Script_Window.

  4. Entrez votre code JavaScript dans la zone de texte, puis cliquez sur OK. Si le JavaScript est situé ailleurs, vous pouvez le copier puis le coller dans la zone de texte.

Exemples

Dans cet exemple, vous saisissez un nom dans une zone de texte et cliquez sur un bouton. Si le nom correspond à une valeur prédéfinie, vous verrez un message de réussite ; dans le cas contraire, vous verrez un message d’échec.

  1. Créez une variable uName pour le projet. N’attribuez pas de valeur à uName. Pour plus d’informations sur la création d’une variable, voir Création de variables.

  2. Insérer une zone de texte (Texte > Zone de texte) et attribuez les variables comme valeur dans la zone de texte. Sélectionnez la légende de texte dans la zone de texte et cliquez sur [X] dans l’inspecteur de propriétés. Lorsque vous cliquez sur [X], vous pouvez voir une liste déroulante dans laquelle sélectionner la variable que vous avez créée puisinsérezla variable sous forme de texte dans la zone de texte.

    Cette action valide le nom que vous définirez dans le panneau Actions avancées contre tout autre nom.

  3. Insérez un bouton (Interactions > Bouton) en regard de la zone de texte. Sélectionnez le bouton, cliquez sur Actions dans l’inspecteur des propriétés, puis choisissez Exécuter JavaScript dans la liste déroulante Si réussite.

    En outre, désactivez la case Continuer la lecture du projet pour suspendre la diapositive après avoir cliqué sur le bouton Envoyer dans le navigateur.

  4. Entrez le code JavaScript suivant dans l’éditeur de script.

    myName=window.cpAPIInterface.getVariableValue("uName");
    if (myName=="John")
    {
             alert("Hello "+ myName + "!");
    }
    else
    {
             alert("Wrong name. Try again.");
    }
    
  5. Exécutez le projet dans le navigateur. Si vous écrivez « John » dans le champ de texte et si vous cliquez sur Envoyer, une fenêtre contextuelle indiquant Bonjour John ! s’affiche.

    Si vous saisissez n’importe quel autre élément, une fenêtre contextuelle d’échec s’affiche.

Dans le deuxième exemple, vous utiliserez certaines variables de Captivate et des informations de vue intégrées, tellesque la datedu jour oule nombrede diapositives d’un projet. Pour obtenir une liste de toutes les variables système de Captivate, reportez-vous à la section Variables de Captivate.

Comme indiqué dans la procédure précédente, créez un bouton et attribuez-le à l’exécution d’un code JavaScript lors d’un clic.

Pour afficher la date actuelle au format JJ/MM/AAAA, utilisez la variable cpInfoCurrentDateStringDDMMYYYY. Entrez le code JavaScript suivant dans l’éditeur de code.

myDate=window.cpAPIInterface.getVariableValue("cpInfoCurrentDateStringDDMMYYYY");
alert(myDate);

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne