스크립트를 활용하여 키워드 입력으로 프레임 화면 전환
스크립트를 활용하여 프레임 객체에서 표시할 페이지를 쉽고 빠르게 전환할 수 있습니다.
단순 페이지 이동 뿐 아니라 특정 키워드를 입력했을 때 설정한 페이지로 이동할 수 있는 방식으로 응용하는 것도 가능합니다.
1. X-SCADA AI Designer를 실행한 뒤 텍스트입력(TextEdit), 프레임(Frame) 등 객체들을 배치하여 프로젝트 화면을 작화한다.
2. 프레임(Frame) 객체로 불러올 페이지들을 제작한다.
3. 프레임(Frame) 객체가 있는 페이지에서 페이지 스크립트를 아래와 같이 설정한다.
· textedit_1이라는 이름을 가진 텍스트입력 객체에 키워드를 입력했을 때 특정 페이지가 프레임 객체를 통해 보이도록 설정
// 텍스트 입력 객체에 이동하고자 하는 페이지 이름을 입력 후 엔터치면 해당 페이지로 이동하는 함수 function changeFrame() { var process = $XV("textedit_1").text; // 텍스트 입력 객체. var frame = $XV("frame_1"); if (!frame) { // 프레임 객체가 없으면 함수 종료 window.alert("프레임 객체를 찾을 수 없습니다."); return; } if (process === "p1") { frame.src = "page_1"; // 지정한 화면으로 이동. } else if (process === "p2") { frame.src = "page_2"; // 지정한 화면으로 이동. } else if (process === "p3") { frame.src = "page_3"; // 지정한 화면으로 이동. } else if (process === "p4") { frame.src = "page_4"; // 지정한 화면으로 이동. } else window.alert("일치하는 공정이 존재하지 않습니다."); // 일치하는 공정이 존재하지 않으면 알림창을 띄운다. } // 텍스트 입력객체에 변화가 일어나면 함수 실행. // 텍스트 입력객체에 문자열 입력 후 엔터를 쳐야 변화로 감지 됨. $XV("textedit_1").addEventListener('change', changeFrame); |
4. 프로젝트 저장 후 X-SCADA AI Viewer로 실행한 뒤 텍스트입력 객체에 키워드를 입력해본다.
· 의도한대로 특정 페이지가 열리는지 확인한다.
5. 다른 키워드 검색 시 페이지가 전환되는 것을 확인해본다.
