ActiveX를 만들때 javascript에서 ActiveX 객체의 메서드를 호출하고, 그 결과값을 받아오는 것과, ActiveX 객체에서 발생하는 이벤트를 javascript 에서 캡쳐하는 식의 코딩은 아주 많이 사용된다.
Java Applet에서 UI를 만들어서 모든 처리를 할 수도 있겠지만, Applet 자체에는 UI가 없이 html 의 UI를 사용해서 Applet에 값을 던져주고 받고 하는 식의 처리를 할 필요가 있다.
javascript에서 호출할 Applet 메서드는 간단히 public으로 메서드를 선언해주면 되고, Applet에서 javascript의 메서드를 호출해주는 것은 AppletContext 객체의 showDocument 메서드를 이용하면 된다.
1. test.html은 다음과 같이 준비한다. ( applet 태그에 mayscript 를 기입해주는 이유는 애플릿에서 웹페이지의 자바스크립트 객체를 사용할 수 있도록 허용해줌을 의미 )
<html>
<title>애플릿테스트</title>
<head>
<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<script type="text/javascript">
function callFunc( param ) {
$('#callResult_Event').text( s );
}
$(function() {
$('#btnResult').click(function() {
$('#callResult_Return').text( document.myApplet.plusData( $('#firstParam').val() , $('#secondParam').val() ) );
});
});
</script>
</head>
<body>
<applet code="TestApplet.class" name="appletObject" width=0 height=0 mayscript>
</applet>
<input type="text" id="firstParam"> 연산 <input type="text" id="secondParam">
<input type="button" value="결과" id="btnResult"><br>
리턴결과(더하기) : <div id="callResult_Return"></div><br>
이벤트결과(곱하기) : <div id="callResult_Event"></div>
</body>
</html>
2. 이클립스로 Java 프로젝트를 하나 생성하여 Applet으로부터 상속받는 클래스 TestApplet 를 만든다.
public class TestApplet extends Applet {
public String plusData( String firstParam, String secondParam ) {
Integer result = Integer.parseInt(firstParam) + Integer.parseInt(secondParam);
Integer result2 = Integer.parseInt(firstParam) * Integer.parseInt(secondParam);
try {
getAppletContext().showDocument( new URL("javascript
} catch( MalformedURLException e ) {
// 예외처리
}
return result.toString();
}
}
3. 컴파일하여 TestApplet.class를 test.html 파일과 동일한 경로에 넣은 후 test.html 파일을 브라우져로 열어보면 결과를 확인할 수가 있다.
4. 즉, btnResult 버튼을 클릭하면, TestApplet 객체인 myApplet 객체의 plusData 메서드를 호출하고 그 결과를 String으로 받아서 callResult_Return의 값으로 설정하고,
5. plusData 함수 내부에서 AppletContext 객체의 showDocument 메서드를 호출하여 callFunc 이라는 javascript 함수를 호출하는 구조이다.
