현재 CIE-H10에 제공되는 기본 웹페이지 샘플에는 출력포트를 클릭하면
해당 포트를 바로 제어하도록 되어 있습니다.
하지만 가끔 사용자의 실수나 기타 다른 원인으로 의도치 않게 출력포트를 제어하게 될 수 있습니다.
웹으로 CIE-H10의 출력포트를 제어하는 경우
자바스크립트 “confirm()” 함수를 이용하면 한번의 확인절차를 통해
의도치 않게 출력포트를 제어하는 확률을 줄일 수 있습니다.
제공되는 기본 웹페이지에 자바스크립트를 이용하여 출력포트 제어전에 확인창을 띄우도록 샘플코드를 작성해보았습니다.
필요한 코드는 다음과 같습니다.
먼저 스크립트 함수 부분입니다.
위의 코드에서 보시는 바와 같이 “controlPort()” 스크립트 함수를 선언하여
함수가 호출되면 포트를 제어하기전에 confirm() 함수를 통해
확인 버튼을 누르면 함수호출시 넘어온 파라메터를 가지고 출력포트 제어에
필요한 URL을 만들어 출력포트는 제어할 수 있도록 웹페이지를 이동시킵니다.
취소버튼을 누르면 위의 절차가 진행되지 않고 메시지창만 닫히게 됩니다.
함수를 호출하는 출력포트 클릭하는 부분의 코드는 아래와 같습니다.
출력포트 LED 이미지를 클릭하면 자바스크립트 함수를 호출하도록 작성하였습니다.
controlPort 함수에서 요구하는 포트번호와 제어값을 함수의 파라메터에 넣어 함수를 호출하게 됩니다.
아래 그림은 CIE-H10에 해당 HTML 소스를 다운로드하고 실행해본 결과입니다.
샘플코드는 아래 링크에서 다운받을 수 있습니다.
(해당 샘플코드는 Default_image(using script) 폴더에 있습니다.)
Posted by eztcp
