JavaGUI AppletとJavascriptの連携

2024-04-202024
30.2% (110.7/366)
April
65.9% (19.7/30)
Week 16
82.8% (5.7/7)
Day 20 Sat
79.6% (19.1/24)

訪問者

total: 21632
today: 3
yesterday: 3
now: 7

↑

更新

MenuBar

<param>タグで、HTMLからAppletに値を渡す(HTML→Applet)
JScriptと連携するAppletの定義方法(HTML)
JScriptからAppletのメソッドを実行する(HTML→Applet)
AppletからJScriptを実行する(Applet→HTML)
サンプル
参考文献

<param>タグで、HTMLからAppletに値を渡す(HTML→Applet) †

<applet>セクションに含まれる<param>タグで、HTMLからAppletに初期値を渡すことができる。

HTML:
<applet name="SlideBar" code="SlideBarApplet.class" width=400 height="150" MAYSCRIPT>
  <param name="RED" value="1"/>
  <param name="GREEN" value="2"/>
  <param name="BLUE" value="3"/>
</applet>

Applet側からは、getParameter(String name)で、paramタグの内容を取得することができる。
```
Applet:
getParameter("BLUE")
getParameter("GrEeN")
getParameter("red")
```
- このメソッドは、値が設定されていない場合には null を返す。
- nameは、大文字小文字を区別しない

↑

JScriptと連携するAppletの定義方法(HTML) †

JScriptと連携するAppletを呼び出す時には、<applet>タグに、MAYSCRIPT属性を追加する必要がある。

HTML:
<applet name="SlideBar" code="SlideBarApplet.class" width=400 height="150" MAYSCRIPT>

↑

JScriptからAppletのメソッドを実行する(HTML→Applet) †

JScriptから、Appletのpublicメソッドを実行することができる。

JScriptからは、Appletはwindow.documet配下のオブジェクトとして見える。
たとえば、

HTML:
<applet name="SlideBar" code="SlideBarApplet.class" width=400 height="150" MAYSCRIPT>
  <param name="RED" value="1"/>
  <param name="GREEN" value="2"/>
  <param name="BLUE" value="3"/>
</applet>

のsetColor(String,Strng,String)メソッドを呼び出す場合、
<applet>タグのname属性でappletオブジェクトを指定して、appletオブジェクトのメソッドを実行する。

HTML:
function sendValue(){
  document.SlideBar.setColor( document.ColorForm.red.value ,
                              document.ColorForm.green.value ,
                              document.ColorForm.blue.value );
}

appletオブジェクトは、window.documet.applet[0]としても指定できる。

HTML:
function sendValue(){
  document.applet[0].setColor( document.ColorForm.red.value ,
                              document.ColorForm.green.value ,
                              document.ColorForm.blue.value );
}

JScript側で、Applet側で発生した例外をJScriptの例外として受け取ることができる。

↑

AppletからJScriptを実行する(Applet→HTML) †

netscape.javascript.JSObject#call(String strMethodName? , Object arrArguments[] )を使って、JScriptを実行することができる。

HTML:
function recvValue( red , green , blue ){
  document.ColorForm.red.value = red;
  document.ColorForm.green.value = green;
  document.ColorForm.blue.value = blue;  
}

Applet:
Object[] args = new Object[3];
args[0] = new Integer(rSlider.getValue());
args[1] = new Integer(gSlider.getValue());
args[2] = new Integer(bSlider.getValue());

JSObject win = JSObject.getWindow(this);
win.call("recvValue", args);

コンパイルには、JDKに付属するライブラリをCLASSPATHに通す必要がある

JRE1.4.1以前 C:\j2sdk1.4.1\jre\lib\jaws.jar
JRE1.4.2     C:\j2sdk1.4.2\jre\lib\plugin.jar
JRE1.5.0     C:\Program Files\Java\jre1.5.0\lib\plugin.jar

callメソッドは、JScript側で発生した例外を受け取ることができるが、返値で評価する方が設計上無難
JSObjectには、直接JScriptを実行するexec()など他にも機能があるが、call()だけを使うのが無難
JSObjectは、AppletViewer?では動作しない。

↑

サンプル †

Applet側のスライドバーは、上からRGBの強さを示している。
スライドバーを操作すると、ボタンの色と表示が変わる。
Applet側のボタン「HTMLへ送信[R00G00B00]」を押すと、HTML側の入力領域R,G,Bにスライドバーの値が入力される

一方で、HTML側の入力領域R,G,Bに0-255の値を入力して、ボタン「Appletへ送信」を押すと、Applet側のスライドバーにHTML側の入力領域R,G,Bの値が設定される。

SlideBarApplet.html :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">

<script language="JavaScript">
function recvValue( red , green , blue ){
  document.ColorForm.red.value = red;
  document.ColorForm.green.value = green;
  document.ColorForm.blue.value = blue;  
}
function sendValue(){
  document.SlideBar.setColor( document.ColorForm.red.value ,
                              document.ColorForm.green.value ,
                              document.ColorForm.blue.value );
}
</script>
</head>

<body>

<table border="1"><tr><td>
  Applet: <br/>
  <applet name="SlideBar" code="SlideBarApplet.class" width=400 height="150" MAYSCRIPT>
    <param name="RED" value="1"/>
    <param name="GREEN" value="2"/>
    <param name="BLUE" value="3"/>
  </applet>
</td></tr>
<tr><td>
   HTML: <br/>
   <form name="ColorForm">
     <p>
       R:<INPUT type="text" name="red" value="255"/>
       G:<INPUT type="text" name="green" value="255"/>
       B:<INPUT type="text" name="blue" value="255"/>
     </p>
     <p align="center">
       <input type="button" value="Appletへ送信" onclick="sendValue();"/>
     </p>
   </form>
</td></tr></table>

</body>
</html>

SlideBarApplet.java:

public class SlideBarApplet
 extends JApplet
 implements ChangeListener, ActionListener {

 private JSlider bSlider = null;
 private JButton button = null;
 private JSlider gSlider = null;
 private JSlider rSlider = null;
	
 /**
  * HTMLの<param name="RED" value="xxx">タグから
  * valueを受け取るメソッド
  */
 public int getInitialRed(){
   return Integer.parseInt(getParameter("RED"));
 }
	
 /**
  * HTMLの<param name="GREEN" value="xxx">タグから
  * valueを受け取るメソッド
  */
 public int getInitialGreen(){
   return Integer.parseInt(getParameter("GREEN"));
 }

 /**
  * HTMLの<param name="BLUE" value="xxx">タグから
  * valueを受け取るメソッド
  */
 public int getInitialBlue(){
   return Integer.parseInt(getParameter("BLUE"));
 }
	
 /**
  * JScriptから呼び出されるメソッド
  */
 public void setColor(String red, String green, String blue) {
   rSlider.setValue(Integer.parseInt(red));
   gSlider.setValue(Integer.parseInt(green));
   bSlider.setValue(Integer.parseInt(blue));
   updateButton();
   repaint();
 }

 public void init() {
   rSlider = new JSlider(0, 255, getInitialRed() );
   gSlider = new JSlider(0, 255, getInitialGreen() );
   bSlider = new JSlider(0, 255, getInitialBlue() );

   JPanel p = new JPanel();
   button = new JButton();
   button.setPreferredSize( new Dimension(200,25) );
   p.add(button);
   
   rSlider.addChangeListener(this);
   gSlider.addChangeListener(this);
   bSlider.addChangeListener(this);
   button.addActionListener(this);    
   
   getContentPane().setLayout(new GridLayout(4, 1));
   getContentPane().add(rSlider);
   getContentPane().add(gSlider);
   getContentPane().add(bSlider);
   getContentPane().add(p); 
 }

 public void start() {
   updateButton();
 }

 /**
  * Appletのスライドバーが操作された
  */
 public void stateChanged(ChangeEvent e) {
   updateButton();
   repaint();
 }
	
 /**
  * Appletのボタンが押された
  */
 public void actionPerformed(ActionEvent e) {

   Object[] args = new Object[3];
   args[0] = new Integer(rSlider.getValue());
   args[1] = new Integer(gSlider.getValue());
   args[2] = new Integer(bSlider.getValue());

   JSObject win = JSObject.getWindow(this);
   win.call("recvValue", args);
 }

 private void updateButton() {

   int red = rSlider.getValue();
   int green = gSlider.getValue();
   int blue = bSlider.getValue();
   Color color = new Color(red, green, blue);
   button.setForeground(color);
   button.setText("HTMLに送信 [R" + red + "G" + green + "B" + blue + "]");
 }
}

↑