创建可在5月网站上访问的HTML弹出表单

Question

我想要一个具有两个输入文本框和一个提交按钮的HTML表单，该按钮可以放置在我拥有的许多网站上。 我只是想以javascript代码的形式引用此表单，该代码需要一些自定义参数，具体取决于表单的形状，大小或颜色应更改。

我已经创建了一个带有输入的表单，我想将其作为插件或其他某种javascript代码粘贴到其他网站上时，应提取出我创建的表单。

Answer 1

如您所说，您必须创建一个插件。 您可以将其写入一个单独的文件中，例如insertMyForm.js 。

可以使用指定的div元素调用该插件，该元素将是表单的父级（例如）

(function($) {
    $.fn.insertMyForm = function(params) { 
        //check that parent ( $(this) ) is a div, or something else...
        //create your html element  
        var myFirstInput = $("<input>");//... 
        var myForm = $("<form>");//...
        //do some stuff with with your elements (css, handlers...)
        //append you form to the parent 
        $(this).append(myForm);//...
        //return something like the jQuery object of your form (return myForm;)
    };
})(jQuery);

现在，在您页面的脚本部分中，包含insertMyForm.js并创建您的表单：

$("#myParentElement).insertMyForm(params);