웹에서 ActiveX 사용
웹에서 ActiveX 사용은 단순히 ActiveX 컨트롤을 html 파일상에 끼워 넣는 것은 간단하다. 그러나 제대로 사용하기 위해서는 html의 버튼, 글상자 등과 같은 객체와 연동하여 사용하기 위해서는 작업을 좀 더 해 주어야 하고 인터넷상에 배포하기 위해서는 두가지 보안 문제를 해결해야 한다. 여기에서는 ActiveX 컨트롤을 html 파일 상에 끼워 넣고 html 객체와 연동하여 동작하도록 하는 방법까지만 설명하고 인터넷상에 배포시 발생하는 두가지 보안 문제를 안정성을 보장하는 ActiveX 컨트롤 제작과 Cab파일 작성법에서 설명한다.
ActiveX 컨트롤을 html 파일상에 끼워 넣기
ActiveX 컨트롤을 html 파일상에 끼워 넣는 방법으로는 여러 가지 방법이 있겠지만 여기서는 나모 웹에디터를 이용하는 방법을 설명하고, 간단히 그 html 파일에 대하여 설명한다.
나모 웹에디터를 실행하여 삽입 메뉴의 부메뉴 고급 메뉴의 부메뉴 ActiveX 콘트롤을 선택하면 다음과 같은 대화 상자가 생성된다.
클래스 ID의 콤보 박스에서 자신이 만든 ActiveX 컨트롤을 선택(자신이 만든 ActiveX 컨트롤의 이름 뒤에 Control 이 붙어 있는 항목 선택)한 후 확인을 선택하면 ActiveX 컨트롤이 삽입된다(조금 이상하게 보이더라도 신경쓰지 말것).
삽입된 컨트롤을 적당한 크기로 크기 조절을 한 후 저장을 한다. 저장된 파일을 Internet Explore에서 열면 작성한 ActiveX 컨트롤이 Internet Explore상에 나타날 것이다.
다음은 test.ocx를 만들어 html 파일에 끼워 넣은 후 저장한 파일의 내용이다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.0//EN"> <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red"> <p><object classid="clsid:0D886696-C7CE-11D3-A175-08002BF17507"
width="445" height="449"> </html> |
위 내용에서 나머지는 html 파일의 일반 내용이고 ActiveX 컨트롤을 끼워 넣어서 생긴 내용은 다음과 같다.
<p><object classid="clsid:0D886696-C7CE-11D3-A175-08002BF17507"
width="445" height="449">
</object>
</p>
여기에서 clsid는 ActiveX 컨트롤을 만든 프로젝트 디렉토리의 .odl 파일을 열어 가장 마지막에 나와있는 clsid와 같은 것을 알 수 있다. 따라서 위와 같이 Text 편집기로 편집을 하여도 된다(나모 웹에디터가 없는 분은 Text 편집기로 편집해야만 될것이다).
HTML 객체와 ActiveX의 연동
다시 나모웹 에디터로 가보자. 삽입 메뉴의 부메뉴 폼필드 메뉴의 부메뉴 한 줄 글상자를 선택하면 다음과 같은 대화 상자가 생성된다.
이름에 TextEdit(이름을 가지고 VbScript와 연동을 하므로 알아 보기 쉽게 입력)라고 입력하고 초기값을 ActiveX 테스트라고 입력한다.
삽입 메뉴의 부메뉴 폼필드 메뉴의 부메뉴 누름 단추를 선택하면 다음과 같은 대화 상자가 생성된다.
이름에 TextButton이라고 입력하고 값을 설정(화면에 표시될 문자열)이라고 입력하고, 단추 유형을 일반으로 선택한 후 이벤드를 선택하면 다음과 같은 대화 상자가 생성된다.
onClick(버턴이 눌러 졌을 때 호출될 함수 이름을 설정, 나중에 vbscript로 구현해야 한다)에 OnTextButtonClick라고 입력하고 확인을 선택한다.
삽입 메뉴의 부메뉴 폼필드 메뉴의 부메뉴 펼침 목록 메뉴를 선택하면 다음과 같은 대화 상자가 생성된다.
이름에 DrawTypeCombo라고 입력하고 추가를 선택하면 다음과 같은 대화 상자가 생성된다.
내용(ComboBox에 표시될 항목을 설정)에 사각형이라고 입력하고, 값(그 항목을 선택했을 때 값)에 0이라고 입력한 후 확인을 선택하면 항목이 하나 추가된다.
같은 방식으로 내용에 원을, 값에 1을 입력한 후 확인을 선택한다.
이벤트 버튼을 선택하면 다음과 같은 대화 상자가 생성된다.
onChange(콤보 박스 상태를 변경 시켰을 때 호출될 함수 이름을 설정, 나중에 vbscript로 구현해야 한다)에 OnDrawTypeChange라고 입력하고 확인을 선택한다.
화면 꾸미기는 이것으로 끝이다. 저장한 파일을 Internet Explore에서 열면 다음과 같이 화면에 나타난다.
이제는 Html 소스 파일을 열어 Text 편집을 하여야 한다. 지금까지 작성한 소스는 다음과 같다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.0//EN"> <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red"> <p><object classid="clsid:0D886696-C7CE-11D3-A175-08002BF17507"
width="315" height="320"> <p> </p> </html> |
HTML 객체를 추가하기 전 소스와 비교해 보면 각 추가된 부분과 그 의미를 알 수 있을 것이다(Text 편집기에서 수동으로도 입력할 수 있을 것이다).
우선 완성된 소스를 보면 다음과 같다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.0//EN"> <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red"> <script language="vbscript"> sub OnDrawTypeChange() <p><object classid="clsid:0D886696-C7CE-11D3-A175-08002BF17507"
width="315" height="320"> </html> |
위에서 보면 이벤트 대화 상자에 입력한 함수들을 vbscript로 추가한 것을 알 수 있다. 또한 그 함수에서 ActiveX 컨트롤과 연동하고 있는데 우선 ActiveX 컨트롤 삽입 문장에서 그 컨트롤을 구분해 주기 위하여 id="Test"를 추가한다.
기억을 더듬어 보면 Test.ocx라는 ActiveX 컨트롤을 만들 때(ActiveX 컨트롤 제작 참조) SetText라는 메서드와 DrawType라는 프로퍼티를 만든 것을 기억할 것이다. 또한 Html 객체 들은 form.객체이름.value라고 하면 그 객체에 설정된 값을 읽을 수 있다는 것만 알면 vbscript에 대하여 잘 몰라도 위의 추가된 내용이 이해가 갈 것이다.
실행을 해보면 동작은 잘되나 하나의 문제점이 있다는 것을 알 수 있다. 그 문제 점은 처음 버튼이나 콤보 박스를 변경하면 다음과 같은 대화 상자가 생성되어 예를 선택해야만 제대로 동작한다는 것이다.
이 문제는 인터넷으로 공개했을 때 Internet Explore의 보안 설정을 낮음으로 설정하지 않으면 아예 동작을 하지 않게 하므로 꼭 해결해야 하는 문제다. 안정성을 보장하는 ActiveX 컨트롤 제작에서 이 문제의 해결법을 설명한다.