Question

我想在javascript函数中弹出完整的php文件...

我有这样的javascript函数......

    (function() {  
tinymce.create('tinymce.plugins.wpc', {  
    init : function(ed, url) { 
        ed.addButton('wpc', {  
            title : 'Add Contact Us form',  
            image : url+'/dd_note.gif', 
            onclick : function() { 
               ** here i want to popup php(mixed with html tags) file**
            }  
        });  
    },  
    createControl : function(n, cm) {  
        return null;  
    },  
});  
tinymce.PluginManager.add('wpc', tinymce.plugins.wpc);  
})();

有人可以建议我怎么做吗？

提前致谢

Answer 1

您可能希望使用jQueryUI中的对话框扩展。

(function () {
    tinymce.create('tinymce.plugins.wpc', {
        init: function (ed, url) {
            ed.addButton('wpc', {
                title: 'Add Contact Us form',
                image: url + '/dd_note.gif',
                onclick: function () {
                    $(document.body).append('<div id="myPopUpBox"></div>');
                    $("#myPopUpBox").dialog({
                        open: function (event, ui) {
                            $('#myPopUpBox').load('my.PHP.file.php');
                        }
                    });
                }
            });
        },
        createControl: function (n, cm) {
            return null;
        },
    });
    tinymce.PluginManager.add('wpc', tinymce.plugins.wpc);
})();

希望这会有所帮助..

Answer 2

另一种选择是使用Bootstrap（由Twitter开发）。

然后您可以使用他们的模态系统。

Answer 3

你可以使用像color-box这样的jquery弹出插件。只需将其功能代码添加到函数的onclick部分即可。您可以从此处下载和阅读彩盒文档：

http://www.jacklmoore.com/colorbox/

Answer 4

我希望这段代码可以帮到你。 // Ray Stone的leanModal v1.1 - http://finelysliced.com.au //在MIT和GPL下获得双重许可

（function（$）{

$。fn.extend（{leanModal：function（options）{

   var defaults = {top: 100, overlay: 0.5, closeButton: null};

       var overlay = $("<div id='lean_overlay'></div>");

       $("body").append(overlay);

       options = $.extend(defaults, options);

       return this.each(function() {

           var o = options;

           $(this).click(function(e) {

               var modal_id = $(this).attr("href");

               $("#lean_overlay").click(function() {

                   close_modal(modal_id)

               });>


               $(o.closeButton).click(function() {

                   close_modal(modal_id)

               });

               var modal_height = $(modal_id).outerHeight();

               var modal_width = $(modal_id).outerWidth();

               $("#lean_overlay").css({"display": "block", opacity: 0});

     $("#lean_overlay").fadeTo(200, o.overlay);

               $(modal_id).css({"display": "block", "position": "fixed", "opacity": 0, "z-index": 11000, "left": 50 + "%", "margin-left": -(modal_width / 2) + "px", "top": o.top + "px"});

               $(modal_id).fadeTo(200, 1);

               e.preventDefault()

          })

       });

       function close_modal(modal_id)

          {

           $("#lean_overlay").fadeOut(200);

           $(modal_id).css({"display": "none"})

       }

     }

}）

}）（jQuery的）;

如何在javascript函数中弹出php（混合html标签）文件

4 个答案: