jQuery的弹出窗体

[名人堂再聚首]

各位好！
我现在有一个问题想请教下，具体情况如下：
我有一个aps.net的项目(Web Form)，每个页面都用了同一个模板页，子页面的内容放在模板页的Content中，现在有一个页面中要实现弹出窗体（利用jQuery的弹出层效果），我把这个要弹出的div放在该页的Content里面，同时我想在这个div里面加上一个form元素并指定它的method及action以便实现我利用弹出层想要的功能，因为在模板页里面已经有一个form元素了，我现在放在div里面的这个form无论是否设置div的display属性为none它好像都会显示在界面上，看到的界面有两个form，是否一个form里面不能再有其他的form，如果我想要它和div的内容一样大有什么办法没有呢？不知是不是要设置样式，div的overflow为hidden，不知行不行，望各位高人指点下，在此先谢谢各位了！

[wuzhengzheng_407]

听你说的样子你的模板中用了form但是和你现在页面中的form并没有嵌套呀模版就好比是一个布中间挖空了再填东西就行了。

[遊戲王千金]

form里面不能再有其他的form，你可以用iframe方法，在div包括一个新页面.
请自行搜索jquery-layer.js插件.
调用代码

   function OpenConcernDialog(objID, _width, _height, objTitle, objCN, objEN) {
            ///<summary>
            /// 缺陷代码详细对话框
            ///</summary>         
            $.layerSetup({
                id: "sentence",
                title: objTitle + '关注点',
                content: '<iframe src="PSCCode.aspx?Cn=' + objCN + '&En=' + objEN + '&Code=' + objTitle + '&Guid=' + objID + '" width="' + _width + 'px" height="' + _height + 'px" frameborder="no" scrolling="no"></iframe>',
                isbg: true,
                height: _height,
                width: _width,
                templete: '<div class="mini_title" id="@moveid@"><span class="mini_close_btn"><a href="javascript:void(null);" class="layerclose">关闭</a></span><span class="mini_title_content"><span id="@titleid@"></span></span></div><div class="mini_content"><div class="showwint_mini_content_content" id="@contentid@"></div></div>'
            });
            $.layershow();
        }
        function ClosePictureDiglog() {
            $.layerclose("sentence");
        }

[zhangdaowu5]

// 一般被弹出页调用主页面中的方法
// 私有方法
function __openDialog(title, url, width, height, callback) {

var title = title || "new page";
if (url == null || typeof (url) == 'undefined' || url == '')
return;
var RandomID = getRandomID();
RandomIDArray.push(RandomID);

var form = document.getElementById('dialog-form' + RandomID);
if (form == null || typeof (form) == 'undefined') {
// 如果元素为空，则直接创建
$("body").append("<div id='dialog-form" + RandomID + "' title='" + title + "'></div>");
} else {
// 清除后再创建
//$("#dialog-form").empty();
$("#dialog-form" + RandomID).remove();
$("body").append("<div id='dialog-form" + RandomID + "' title='" + title + "'></div>");
$("#dialog-form" + RandomID).attr("title", title);
}

$("#dialog-form" + RandomID).append("<iframe id='dialog-form-iframe" + RandomID + "' src='" + url + "' width='100%' height='100%' style='border:0px;overflow: auto; overflow-y:hidden;' frameborder='0' ></iframe>");

dialogInit(RandomID, width, height, callback); // 初始化弹出层
$("#dialog-form" + RandomID).dialog("open"); // 打开弹出层


$("body").attr("scroll", "no");
}

[zhangdaowu5]

// 一般被弹出页调用主页面中的方法
// 私有方法
function __openDialog(title, url, width, height, callback) {

var title = title || "new page";
if (url == null || typeof (url) == 'undefined' || url == '')
return;
var RandomID = getRandomID();
RandomIDArray.push(RandomID);

var form = document.getElementById('dialog-form' + RandomID);
if (form == null || typeof (form) == 'undefined') {
// 如果元素为空，则直接创建
$("body").append("<div id='dialog-form" + RandomID + "' title='" + title + "'></div>");
} else {
// 清除后再创建
//$("#dialog-form").empty();
$("#dialog-form" + RandomID).remove();
$("body").append("<div id='dialog-form" + RandomID + "' title='" + title + "'></div>");
$("#dialog-form" + RandomID).attr("title", title);
}

$("#dialog-form" + RandomID).append("<iframe id='dialog-form-iframe" + RandomID + "' src='" + url + "' width='100%' height='100%' style='border:0px;overflow: auto; overflow-y:hidden;' frameborder='0' ></iframe>");

dialogInit(RandomID, width, height, callback); // 初始化弹出层
$("#dialog-form" + RandomID).dialog("open"); // 打开弹出层


$("body").attr("scroll", "no");
}

[LMAOhuaNL]

google jquery facebox或者colorbox