Cómo añadir código JavaScript a cuadros y botones en Adobe Captivate

Puede añadir código JavaScript a áreas de clic, cuadros de entrada de texto y botones de los proyectos de Adobe Captivate. El código JavaScript puede ejecutarse cuando el usuario haga clic dentro o fuera del cuadro o el botón. JavaScript ofrece diversas posibilidades para ampliar los proyectos y, a la vez, añadirles interactividad.

  1. Haga clic en el área de clic, cuadro de introducción de texto o botón.

  2. En la sección Acción del Inspector de propiedades, seleccione Ejecutar JavaScript en la lista desplegable Si aprueba.

  3. Haga clic en Script_Window.

  4. Escriba el código JavaScript en el cuadro de texto y haga clic en OK. Si ya ha escrito el código JavaScript en otra parte, cópielo y péguelo en el cuadro de texto.

Ejemplos

En este ejemplo, escribirá un nombre en un cuadro de introducción de texto y hará clic en un botón. Si el nombre coincide con un valor predefinido, verá un mensaje de confirmación; de lo contrario, aparecerá un mensaje de error.

  1. Cree un uName variable para el proyecto. No asigne ningún valor al uName. Para obtener más información sobre la creación de una variable, consulte Creación de variables.

  2. Inserte un cuadro de introducción de texto (Texto > Cuadro de entrada de texto) y asigne la variable como valor en dicho cuadro. Resalte la leyenda de texto en el cuadro y haga clic en la[X] que se encuentra en el Inspector de propiedades. Al hacer clic en la [X], puede ver una lista desplegable donde elegir la variable que haya creado e insertarla como texto en el cuadro de introducción de texto.

    Esto actúa como validación del nombre que establece en el panel Acciones avanzadas.

  3. Inserte un botón (Interacciones > Botón) junto al cuadro de entrada de texto. Seleccione el botón, haga clic en Acciones en el Inspector de propiedades y elija Ejecutar JavaScript en la lista desplegable Si aprueba.

    Asimismo, desmarque la casilla Continuar reproducción del proyecto para poner en pausa la diapositiva después de hacer clic en el botón Enviar en el navegador.

  4. Introduzca el siguiente código JavaScript en el editor de secuencias de comandos.

    myName=window.cpAPIInterface.getVariableValue("uName");
    if (myName=="John")
    {
             alert("¡Hola "+ myName + "!");
    }
    else
    {
             alert("Nombre incorrecto. Intentar de nuevo.");
    }
    
  5. Ejecute el proyecto en el navegador. Si escribe "John" en el campo de texto y hace clic en Enviar, aparece el mensaje emergente ¡Hola, John!

    Si escribe otra cosa, aparece un mensaje emergente de error.

En el segundo ejemplo, utilizará información de vista y ciertas variables integradas de Captivate, como la fecha actual o el número de diapositivas de un proyecto. Para obtener una lista de todas las variables del sistema de Captivate, consulte Variables de Captivate.

Tal y como se muestra en el procedimiento anterior, cree un botón y asígnelo para ejecutar código de JavaScript en un evento de clic.

Para mostrar la fecha actual con el formato DD/MM/AAAA, utilice la variable cpInfoCurrentDateStringDDMMYYYY. Introduzca el siguiente código JavaScript en el editor de código.

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

Inicia sesión en tu cuenta