单击 HTML 文本元素时显示 Java 小程序

发布于 2024-10-20 12:43:52 字数 597 浏览 3 评论 0 原文

我正在尝试制作一个 jquery 插件，其描述如下。我没有太多使用 jQuery 的经验，所以我真的需要一些帮助。

这是我正在谈论的 Java Applet http://www.inference .phy.cam.ac.uk/dasher/TryJavaDasherNow.html

小程序执行一些操作，结果显示在小程序的文本框中。

在此处输入图像描述

考虑当用户单击文本框或文本区域元素时出现的虚拟键盘。例如：在此处输入图像描述

同样，我希望当用户单击 TextBox/TextArea 元素并经过一些操作后应该出现小程序，小程序文本框中的结果应进入 html 文本元素。我希望我能够把自己说清楚。请帮助我解决这个问题。我没有使用过 jQuery，但这可以通过使用它来完成。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦境 2024-10-27 12:43:52

假设您的小程序 ID 为 id="myapplet" 为其指定样式 display:hidden，以便它最初是隐藏的。将其放置在 HTML 中您希望其在用户单击 TEXTAERA 或文本 INPUT 时出现的位置。

<object id="myapplet" style="display:none;">......</object>

然后使用 jQuery，您可以执行

$('textarea, input').click(function(){
$('#myapplet').show();
});

此操作，当您单击 TEXTAREA 或 INPUT 时，将显示小程序。

更新
根据您下面的评论，如果您想在用户可以拖动它的页面上打开小程序，您可以使用 jQuery 的 UI 对话框功能。阅读更多信息 http://jqueryui.com/demos/dialog/

首先将你的 java 对象放入HTML 文件并将其命名为 applet.html。您的对象上不需要有 display:none 。然后，除了 jQuery 之外，您还可以

$('textarea, input').click(function() {
    var $div = $('<div title="Java Applet"></div>');
    $div.load('applet.html', function() {
        $div.dialog({autoOpen: false});
    });
});

记住包含 jQuery UI 的 JS 和 CSS 文件。

将其放在您的头脑中

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" />

并将其放在关闭 body 标签之前

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>

Assuming your applet id is id="myapplet" Give it the style display:hidden so it's initially hidden. Place it anywhere in your HTML where you want it to appear when user clicks on a TEXTAERA or text INPUT.

<object id="myapplet" style="display:none;">......</object>

Then with jQuery you can do

$('textarea, input').click(function(){
$('#myapplet').show();
});

This will show the applet when you click TEXTAREA or INPUT.

Update
As per your comment below, if you want to open the applet over the page where user can drag it around, you can use jQuery's UI dialog function. Read more at http://jqueryui.com/demos/dialog/

First Put your java object inside an HTML file and name it applet.html. No need to have display:none on your object. Then you can do

$('textarea, input').click(function() {
    var $div = $('<div title="Java Applet"></div>');
    $div.load('applet.html', function() {
        $div.dialog({autoOpen: false});
    });
});

Remember to include the JS and CSS files for jQuery UI in addition to jQuery.

Place this in your head

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" />

and place those before closing body tag

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>

回复收藏 0 原文

~没有更多了~