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

我想在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);  
})();

有人能建议我怎么做吗

---

提前感谢

您可以使用jquery弹出式插件，如color box。只需将其函数代码添加到函数的onclick部分。您可以从以下位置下载并阅读颜色框的文档：

---

我希望这段代码能对您有所帮助。 //雷·斯通的leanModal v1.1- //MIT和GPL双重授权

（函数（$）{

$.fn.extend（{leanmodel:function（options）{

var-defaults={top:100，overlay:0.5，closeButton:null}；
var overlay=$（“”）；
$（“正文”）。附加（覆盖）；
选项=$.extend（默认值，选项）；
返回此值。每个（函数（）{
var o=期权；
$（此）。单击（函数（e）{
var modal_id=$（this.attr（“href”）；
$（“#精益覆盖”）。单击（函数（）{
关闭模式（模式id）
});>
$（o.closeButton）。单击（函数（）{
关闭模式（模式id）
});
var modal_height=$（modal_id）.outerHeight（）；
var modal_width=$（modal_id）.outerWidth（）；
$（“#精益覆盖”）.css（{“显示”：“块”，不透明度：0}）；
美元（“#精益覆盖”）。法德托（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”}）；
$（模态识别号）.fadeTo（200,1）；
e、 预防默认值（）
})
});
功能关闭模式（模式id）
{
美元（“#精益覆盖”）。淡出（200）；
$（modal_id）.css（{“display”：“none”}）
}
}

})

})（jQuery）

---

您可能希望使用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);
})();

（函数（）{
create（'tinymce.plugins.wpc'{
init：函数（ed，url）{
ed.addButton（“wpc”{
标题：“添加联系我们表格”，
图片：url+'/dd_note.gif'，
onclick:function（）{
$（document.body）.append（“”）；
$（“#myPopUpBox”）。对话框({
打开：功能（事件、用户界面）{
$（'#mypopubox'）.load（'my.PHP.file.PHP'）；
}
});
}
});
},
createControl:函数（n，cm）{
返回null；
},
});
添加（'wpc'，tinymce.PluginManager.wpc）；
})();

希望这有帮助。

另一个选择是使用（由Twitter开发）

---

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

您是否尝试使用

window.open（url）？@MehmetSeçkin我不想在另一个窗口打开。。我想弹出它我看，你可能想试试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);
})();