java - Java 小程序和网页上的文本输入控件之间的桥梁

Question

我一直在使用 Java 小程序，它是一个有助于仅使用鼠标进行书写的小程序。对于我的情况，我正在尝试将其合并到我的网站项目中，如下所示:

当用户单击页面上的任何输入元素(文本框/文本区域)时，此 JAVA 小程序将加载到网页本身。在下面看到的 JAVA 小程序的屏幕截图中，用户指向一个字母表，相应的文本被写入小程序的文本框中。

现在我要做的是将此文本从小程序的文本框获取到网页上的输入元素。我知道这需要 Java 和 JavaScript 之间的交互，但不是专业人士，我真的不知道。这是 Java 小程序和我编写的代码。

Java applet 和 jQuery 代码 (298kB):http://bit.ly/jItN9m

请有人帮忙扩展这段代码。 非常感谢!

更新

我在某个地方搜索并找到了这个 -> 为了获取 Java 文本框中的文本，Applet 中的一个 getter 方法来检索文本:

public class MyApplet extends JApplet {
  // ...
  public String getTextBoxText() { return myTextBox.getText(); }
}

在JQuery代码中，我认为要添加以下几行:

var textBoxText = $("#applet-id")[0].getTextBoxText();
//Now do something with the text

关于小程序的代码，我在这里看到了一个GNOME git page。 getText 调用已经存在——查看此文件的底部:http://git.gnome.org/browse/dasher/tree/java/dasher/applet/JDasherApplet.java

我需要调用“getCurrentEditBoxText”，但是应该在什么时候调用这个方法“getCurrentEditBoxText”？ 就我而言，当用户点击新的输入控件等时，我可能不得不这样做。

Answer 1

您可以在您的 Applet 和页面上的任何 javascript 方法之间进行全面通信。 Kyle 有一篇很好的文章演示了 Javascript 如何调用小程序并请求文本值。但是，我假设您希望 HTML 文本字段随着每次鼠标单击而更新，这意味着小程序需要与页面进行通信。我会将您的 javascript 修改为如下内容:

var activeTextArea = null;

$('textarea, input').click(function() {
    $(this).dasher();
    activeTextArea = this;
}); 

function updateText(text) {
     // Careful: I think textarea and input have different 
     // methods for setting the value. Check the 
     // jQuery documentation
     $(activeTextArea).val(text); 
}

假设您有小程序的源代码，您可以让它与上面的 javascript 函数通信。添加此导入:

import netscape.javascript.JSObject;

然后，在鼠标点击的任何 onClick 处理程序中，添加:

// After the Applet Text has been updated
JSObject win = null;
try {
    win = (JSObject) JSObject.getWindow(Applet.this);
    win.call("updateText", new Object[] { textBox.getText() });
} catch (Exception ex) {
    // oops
}

每次调用该代码块时都会更新文本。如果您没有访问小程序源的权限，事情就会变得更加棘手。您需要设置某种 javascript 超时方式，不断从 applet 读取值，但这假设 applet 具有返回文本框值的方法。

另请参阅:http://java.sun.com/products/plugin/1.3/docs/jsobject.html

更新 修改小程序是您的最佳选择，因为这是任何事件都会被触发的地方。例如，如果您希望 HTML TextField 在每次点击时发生变化，则点击发生在需要修改以触发更新的小程序中，如上所述。在不修改小程序的情况下，我看到了两个选项。选项 #1 使用计时器:

var timer;
var activeTextArea;

$('textarea, input').click(function() {
    $(this).dasher();
    activeTextArea = this;
    updateText();
} 

function updateText() {
    // Same warnings about textarea vs. input
    $(activeTextArea).val($('#appletId')[0].getCurrentEditBoxText());
    timer = setTimeout("updateText()", 50);
}

function stopUpdating() {
    clearTimeout(timer);
}

除了点击文本区域会触发循环函数 updateText() 之外，这与上面的代码类似，它会每隔 50 毫秒将 HTML 文本字段的值设置为 Applet 文本字段的值.这可能会在点击和更新之间引入一个小的延迟，但它会很小。您可以增加计时器频率，但这会增加性能消耗。我没有看到您在哪里“隐藏”了小程序，但是相同的函数应该调用 stopUpdating 以便我们不再尝试联系隐藏的小程序。

选项 #2(未编码)

我会尝试在 Applet 冒泡通过 HTML Dom 时捕获它中的点击。然后，您可以跳过计时器并在 Applet 容器上放置一个 click() 行为来执行相同的更新。不过，我不确定此类事件是否会冒泡，所以不确定这是否可行。即使是这样，我也不确定它在浏览器之间的兼容性如何。

选项#3

第三个选项是不在每次点击时更新 HTML 文本字段。这只是 Kyle 和我上面的帖子的组合，用于在您“完成”小程序时设置文本字段的值。