Javascript 如何在Greasemonkey脚本中弹出自定义表单/对话框?
我一直在编写一个在Firefox中用作插件的脚本,并且遇到了在单击某个按钮时弹出自定义表单的需要 我需要能够自己创建整个表单,然后解析输入的数据以在原始站点上呈现图像Javascript 如何在Greasemonkey脚本中弹出自定义表单/对话框?,javascript,forms,dialog,popup,greasemonkey,Javascript,Forms,Dialog,Popup,Greasemonkey,我一直在编写一个在Firefox中用作插件的脚本,并且遇到了在单击某个按钮时弹出自定义表单的需要 我需要能够自己创建整个表单,然后解析输入的数据以在原始站点上呈现图像 如何执行此操作?好的,下面是一个完整的脚本示例,演示如何弹出表单并与其控件交互。 请注意,它使用了-,这使它更容易/更短/更简单 /==UserScript== //@name\u表单,弹出示例 //@包括http://stackoverflow.com/* //@需要http://ajax.googleapis.com/ajax
如何执行此操作?好的,下面是一个完整的脚本示例,演示如何弹出表单并与其控件交互。
请注意,它使用了-,这使它更容易/更短/更简单
/==UserScript==
//@name\u表单,弹出示例
//@包括http://stackoverflow.com/*
//@需要http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
//@grant GM_addStyle
//==/UserScript==
/*-需要@grant指令来解决设计变更
在GM 1.0中引入。它会恢复沙箱。
*/
//---使用jQuery在“弹出”对话框中添加表单。
$(“正文”).append('\
\
\
\
\
\
\
把这两个数字相加\
关闭弹出窗口\
\
\
' );
//---使用jQuery激活对话框按钮。
$(“#gmaddnumbtn”)。单击(函数(){
var A=$(“#myNumber1”).val();
var B=$(“#myNumber2”).val();
var C=parseInt(A,10)+parseInt(B,10);
$(“#myNumberSum”).text(“总和为:+C);
} );
$(“#gmCloseDlgBtn”)。单击(函数(){
$(“#gmPopupContainer”).hide();
} );
//---CSS样式使它工作。。。
GM_addStyle(“\
#gmPopupContainer{\
位置:固定\
最高:30%\
左:20%\
填料:2米\
背景:粉蓝\
边框:3件双黑\
边界半径:1ex\
z指数:777\
} \
#gmPopupContainer按钮{\
光标:指针\
利润率:1米1米0\
边框:1个起始按钮面\
} \
" );
您会注意到该对话框非常基本。对于更复杂的表单,可以使用