Adobe Captivate 프로젝트에서는 클릭 상자, 텍스트 입력 상자 및 단추에 JavaScript를 추가할 수 있습니다. 사용자가 상자나 단추의 내부 또는 외부를 클릭할 때 JavaScript가 실행될 수 있습니다. JavaScript를 사용하면 상호 작용을 추가하면서 다양한 방법으로 프로젝트를 확장할 수 있습니다.

  1. 클릭 상자, 텍스트 입력 상자 또는 단추를 클릭합니다.

  2. 속성 관리자의 동작 섹션에서, 성공한 경우 드롭다운 목록의 JavaScript 실행을 선택합니다.

  3. Script_Window를 클릭합니다.

  4. 텍스트 상자에 JavaScript 코드를 입력하고 [확인]을 클릭합니다. JavaScript가 다른 위치에 있는 경우 이를 복사하여 텍스트 상자에 붙여 넣습니다.

예제

이 예제에서는 텍스트 입력 상자에 이름을 입력한 후 버튼을 클릭합니다. 입력한 이름이 미리 정의된 값과 일치하는 경우 성공 메시지가 표시되고, 그렇지 않은 경우 실패 메시지가 표시됩니다.

  1. 프로젝트에 대한 uName 변수를 만듭니다. uName에는 어떤 값도 할당하지 마십시오. 변수를 만드는 방법에 대한 자세한 내용은 변수 만들기를 참조하십시오.

  2. 텍스트 입력 상자를 삽입하고(텍스트 > 텍스트 입력 상자) 텍스트 입력 상자에서 변수를 값으로 할당합니다. 상자에서 텍스트 캡션을 강조 표시하고 속성 관리자에서 [X]를 클릭합니다. [X]를 클릭하면 만든 변수를 선택하고 텍스트 입력 상자에서 해당 변수를 텍스트로삽입한드롭다운 목록이 표시됩니다.

    고급 동작 패널에서 설정할 이름 외 모든 이름에 대한 확인이 이루어집니다.

  3. 텍스트 입력 상자 가까이에 단추를 삽입합니다(상호 작용 > 단추). 단추를 선택하고 속성 관리자에서 동작을 클릭한 다음, 성공한 경우 드롭다운 목록에서 JavaScript 실행을 선택합니다.

    또한 브라우저에서 제출 단추를 클릭하면 슬라이드가 일시 정지되도록 프로젝트 계속 재생확인란의선택을 해제합니다.

  4. 스크립트 편집기에서 다음 JavaScript 코드를 입력합니다.

    myName=window.cpAPIInterface.getVariableValue("uName");
    if (myName=="John")
    {
             alert("Hello "+ myName + "!");
    }
    else
    {
             alert("Wrong name. Try again.");
    }
    
  5. 브라우저에서 프로젝트를 실행합니다. 텍스트 필드에 "John"을 입력하고 제출을 클릭하면 Hello John!이라고 표시된 팝업이 나타납니다.

    그 외 다른 단어를 입력하면 실패 메시지를 표시하는 팝업이 나타납니다.

두 번째 예제에서는 현재 날짜 또는 프로젝트의슬라이드 개수와 같은일부 기본Captivate 변수를사용합니다. 전체 Captivate 시스템 변수 목록은 Captivate 변수를 참조하십시오.

이전 절차에서와 같이 단추를 만들고, 이벤트를 클릭하면 일부 JavaScript 코드가 실행되도록 할당합니다.

현재 날짜가 DD/MM/YYYY 형식으로 표시하려면 cpInfoCurrentDateStringDDMMYYYY 변수를 사용합니다. 코드 편집기에서 다음 JavaScript 코드를 입력합니다.

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

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책