Adicione JavaScript às caixa de clique, caixas de entrada de texto e botões, nos projetos do Adobe Captivate. O JavaScript pode ser executado quando um usuário clicar dentro ou fora da caixa ou do botão. O uso do JavaScript oferece a oportunidade de estender os projetos de diversas maneiras, adicionando interatividade.

  1. Clique na caixa de clique, na caixa de entrada de texto ou no botão.

  2. Na seção Ação do Inspetor de propriedades, selecione Executar JavaScript na lista suspensa No êxito.

  3. Clique em Script_Window.

  4. Insira o código JavaScript na caixa de texto e clique em OK. Se você tiver o JavaScript em outro local, copie-o e cole-o na caixa de texto.

Exemplos

Neste exemplo, você inserirá um nome em uma caixa de entrada de texto e clicará em um botão. Se o nome corresponder a um valor predefinido, você verá uma mensagem de êxito, caso contrário, verá uma mensagem de falha.

  1. Crie a variável uName para o projeto. Não atribua nenhum valor a uName. Para obter mais informações sobre a criação de uma variável, consulte Criar variáveis.

    variable
  2. Insira uma caixa de entrada de texto (Texto > Caixa de entrada de texto) e atribua a variável como um valor na caixa de entrada de texto. Realce a legenda de texto na caixa e clique em [X] no Inspetor de propriedades. Ao clicar em [X], você pode ver uma lista suspensa na qual escolher a variável que criou einsiraa variável como texto na caixa de entrada de texto.

    Isso age como uma validação em comparação a todo o nome diferente daquele que você definirá no painel Ações avançadas.

    text entry box
  3. Insira um botão (Interações > Botão) ao lado da caixa de entrada de texto. Selecione o botão, clique em Ações no Inspetor de propriedades e selecione Executar Javascript na lista suspensa No êxito.

    Também, desmarque a caixa de seleção Continuar reproduzindo o projeto para pausar o slide depois de clicar no botão Enviar no navegador.

  4. Insira o seguinte código JavaScript no editor de script.

    myName=window.cpAPIInterface.getVariableValue("uName");
    if (myName=="John")
    {
             alert("Hello "+ myName + "!");
    }
    else
    {
             alert("Wrong name. Try again.");
    }
    
  5. Execute o projeto no navegador. Se inserir “João” no campo de texto e clique em Enviar, você poderá ver uma janela pop-up que exibe Olá, João!

    Se inserir qualquer outra coisa, você poderá ver uma janela pop-up que exibe uma mensagem de falha.

No segundo exemplo, você usará algumas variáveis incorporadas do Captivate e visualizará informações, taiscomo, dataatual ounúmerode slides em um projeto. Para obter uma lista de todas as variáveis de sistema do Captivate, consulte Variáveis do Captivate.

Conforme mostrado no procedimento anterior, crie um botão e atribua-o para executar algum código JavaScript mediante um evento de clique.

Para exibir a data atual no formato DD/MM/AAAA, use a variável cpInfoCurrentDateStringDDMMYYYY. Insira o seguinte código JavaScript no editor de código.

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

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online