当前位置: 代码迷 >> ASP.NET >> jQuery的弹出窗体解决思路
  详细解决方案

jQuery的弹出窗体解决思路

热度:2844   发布时间:2013-02-25 00:00:00.0
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,不知行不行,望各位高人指点下,在此先谢谢各位了!

------解决方案--------------------------------------------------------
听你说的样子你的模板中用了form但是和你现在页面中的form并没有嵌套呀模版就好比是一个布中间挖空了再填东西就行了。
------解决方案--------------------------------------------------------
google jquery facebox或者colorbox
------解决方案--------------------------------------------------------
// 一般被弹出页调用主页面中的方法
// 私有方法
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");
}
------解决方案--------------------------------------------------------
// 一般被弹出页调用主页面中的方法
// 私有方法
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");
}
  相关解决方案