アプレットからのJavaScript実行
作って遊ぼうJavaプログラミング Javaアプレットサンプル集	JSObjectを使ったアプレットからJavaScriptを実行するサンプルです。

- Page 26 -

次のページ >

最後のページ >>

Home > サンプル集 > アプレットサンプル集 > アプレットからのJavaScript実行

アプレットからのJavaScript実行

このページには、以下のサンプルを掲載しています。下の項目をクリックをすると各サンプルにジャンプします。 ※2週間以内の新着記事はNewアイコン、更新記事はUpアイコンが表示されます。

アプレットからのJavaScript実行　
アプレットからのJavaScript実行（引数あり）

■アプレットからのJavaScript実行

[ サンプルプログラムのソースコード - Applet2JavaScript01.java - ]

アプレットのソースコードになります。このプログラムから後述のscriptsample01.htmlに記述された JavaScriptのFunctionを呼び出しています。

import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.JApplet;
import javax.swing.JButton;
import netscape.javascript.JSObject;
public class Applet2JavaScript01 extends JApplet implements ActionListener {
private static final long serialVersionUID = 1L;
private JButton button = new JButton("JavaScriptの実行");
private JSObject win;
public void init(){
win = (JSObject) JSObject.getWindow(this);
add(button);
button.addActionListener(this);
}
public void actionPerformed(ActionEvent event) {
if ( event.getSource() == button ) {
win.call("testFunc",null);
}
}
}

[ サンプルプログラムのソースコード - scriptsample01.html - ]

appletタグの他にappletから呼び出すJavaScriptのFunction定義もこのHTML内に記述します。もちろんJavaScriptを別ファイルで記述してこのHTMLファイルにインクルードしても結果は同じです。

<html>
<head>
<title>Javaサンプル集-アプレット編 TextFieldSample01.java</title>
</head>
<script language="JavaScript">
<!--
function testFunc() {
alert("TEST....");
}
// -->
</script>
<body>
<applet
code="sample.applet.javascript.Applet2JavaScript01.class"
archive="ScriptSample.jar"
width="200"
height="60"
alt="Javaアプレット JavaScript連携サンプル1"
MAYSCRIPT>
</applet>
</body>
</html>

[ サンプルプログラムの実行 ]

サンプルプログラムを実行してみる場合は、下のボタンをクリックしてください。
JavaScriptの実行と書かれたボタンを押すとJavaScriptのアラートダイアログを表示します。
※サンプルプログラムは、別ウィンドウで実行されます。実行には時間がかかることがありますのでご注意ください。

[ サンプルプログラムの解説 ]

アプレットからJavaScriptを実行するには、netscape.javascript.JSObjectを使います。netscape.javascript.JSObjectは、plugin.jarの中に含まれていますのでコンパイル時にplugin.jarへのクラスパスを通しておく必要があります。JSObjectを利用するには、最初にJSObject.getWindow(applet)で JSObjectのインスタンスを取得します。（18行目）getWindowの引数には、appletクラスのインスタンスを渡します。このサンプルでは、自分自身（this)を渡しています。取得したJSObjectのインスタンスからJSObject#call("JavaScript FunctionName",args[])でJavaScriptを実行します。（27行目）第一引数にJavaScriptのFunction名を渡します。第2引数にJavaScriptのFunctionに渡す引数を配列で渡します。サンプルでは、testFuncというJavaScriptに記述したFunctionを引数なしで実行しています。

ページの先頭へ

■アプレットからのJavaScript実行（引数あり）

[ サンプルプログラムのソースコード - Applet2JavaScript02.java - ]

アプレットのソースコードになります。このプログラムからJavaScriptのalert関数を呼び出しています。

import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.JApplet;
import javax.swing.JTextField;
import netscape.javascript.JSObject;
public class Applet2JavaScript02 extends JApplet implements ActionListener {
private static final long serialVersionUID = 1L;
private JTextField text = new JTextField();
private JSObject win;
public void init(){
win = (JSObject) JSObject.getWindow(this);
add(text);
text.addActionListener(this);
}
public void actionPerformed(ActionEvent event) {
if ( event.getSource() == text ) {
win.call("alert",new String[]{text.getText()});
}
}
}

[ サンプルプログラムのソースコード - scriptsample02.html - ]

<html>
<head>
<title>Javaサンプル集-アプレット編 TextFieldSample02.java</title>
</head>
<script language="JavaScript">
<!--
function testFunc() {
alert("TEST....");
}
// -->
</script>
<body>
<applet
code="sample.applet.javascript.Applet2JavaScript02.class"
archive="ScriptSample.jar"
width="200"
height="60"
alt="Javaアプレット JavaScript連携サンプル2"
MAYSCRIPT>
</applet>
</body>
</html>

[ サンプルプログラムの実行 ]

サンプルプログラムを実行してみる場合は、下のボタンをクリックしてください。
テキストフィールドに何か文字列を入力してリターンキーを押すと入力した文字列がJavaScriptの警告ダイアログに表示されます。
※サンプルプログラムは、別ウィンドウで実行されます。実行には時間がかかることがありますのでご注意ください。

[ サンプルプログラムの解説 ]

Applet2JavaScript01.javaでは、引数なしでJavaScriptの関数を呼んでいましたが、このサンプルでは、引数を指定しての呼び出しです。もちろん引数を渡すには、JavaScript側の呼び出し関数が引数を受け取るようになっていないとだめです。 JSObjectのインスタンスからJSObject#call("JavaScript FunctionName",args[])でJavaScriptを実行するときに callメソッドの第2引数にJavaScriptのFunctionに渡す引数を配列で渡します。サンプルでは、alert関数にテキストフィールドに入力した文字列を渡しています。

- Page 26 -