創建可在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);