用asp.net 怎么做成这中效果

Question

用asp.net 怎么做成这中效果,超强悍.
效果:http://www.dianping.com/review/3390302 
这个页面上,点击:举报
将弹出一个进度条"正在读取,请稍后...",然后弹出一个屏幕(好象是嵌入在页面中的div),填好信息,提交后,关闭这个弹出的屏幕(好象是嵌入在页面中的div),还出来一个提示(保存完毕,谢谢提交之类的).这是怎么实现的啊,谁能给个例子吗.分不是问题

Answer 1

你自己已明白是用DIV来做，只需要实现DIV的隐藏和显示就搞定了

Answer 2

如果没有刷新界面，提交到数据库中就是使用的Ajax

Answer 3

ajax了，地球人都知道！
========================
我也知道是ajax 当就是想知道怎么实现啊

Answer 4

既然都已经知道是Ajax了，当然需要自己先看看了如果实现的时候有问题可以再问，这样更具体些

Answer 5

既然都已经知道是Ajax了，当然需要自己先看看了如果实现的时候有问题可以再问，这样更具体些
===========================================
有没有类似的例子

Answer 6

呵呵~
今天,你的代码Ajax了吗?举报-> 弹出层(css蒙住page)->提交(xmlhttp)->成功（display="none"）

Answer 7

呵呵~
今天,你的代码Ajax了吗?举报-> 弹出层(css蒙住page)->提交(xmlhttp)->成功（display="none"）
========================
能给个做好的例子吗

Answer 8

那个“读取请稍候...”因该是用updateprogress做的，其余是div吧

Answer 9

Ajax + Div 曾
想１６３邮箱那种，比较简单的

Answer 10

参考：http://ajax.asp.net/ajaxtoolkit/ModalPopup/ModalPopup.aspxasp.net ajax toolkit 是开源软件，你可以下载所有源代码。

Answer 11

//举报
function Report(Type,ID)
{
var PostData = "do=" + Type + "&reportid=" + ID;
PostRequest(window.location.protocol + "//" + window.location.host + "/AJAX_Comm.aspx", PostData);
ScreenConvert();DialogShow("<div id=\"DialogLoading\">正在读取,请稍候...</div>",110,10,124,20);
}function ReportOK(Type,ID)
{
var objReportName = gid("ReportName");
var objReportEmail = gid("ReportEmail");
var objReportComments = gid("ReportComments");
var objDialogValidator = gid("DialogValidator");
if (objReportName != null && objReportEmail != null && objReportComments != null && objDialogValidator != null)
{
if (Trim(objReportName.value).length < 1 || Trim(objReportName.value).length > 50)
{
objDialogValidator.innerHTML = "<span class=\"Error\">姓名长度应在1-50字之间!</span>";
objReportName.focus();
return false;
}
if (Trim(objReportEmail.value).length < 1 || Trim(objReportEmail.value).length > 100)
{
objDialogValidator.innerHTML = "<span class=\"Error\">邮件地址长度应在1-100字之间!</span>";
objReportEmail.focus();
return false;
}
else
{
var rx = new RegExp(/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/);
var matches = rx.exec(Trim(objReportEmail.value));
if (matches == null || Trim(objReportEmail.value) != matches[0])
{
objDialogValidator.innerHTML = "<span class=\"Error\">邮件地址格式错误,请重新输入!</span>";
objReportEmail.focus();
return false;
}
}
if (Trim(objReportComments.value).length < 1 || Trim(objReportComments.value).length > 300)
{
objDialogValidator.innerHTML = "<span class=\"Error\">举报内容长度应在1-300字之间!</span>";
objReportComments.focus();
return false;
}
var PostData = "do=" + Type + "&reportid=" + ID + "&name=" + StrCode(Trim(objReportName.value)) + "&mail=" + StrCode(Trim(objReportEmail.value)) + "&comments=" + StrCode(Trim(objReportComments.value));
PostRequest(window.location.protocol + "//" + window.location.host + "/AJAX_Comm.aspx", PostData);
DialogShow("<div id=\"DialogLoading\">正在提交,请稍候...</div>",80,24,124,24);
}
return false;
}

Answer 12

<script type="text/javascript" language="javascript">
//more javascript from http://www.smallrain.net
function sAlert(str){
var msgw,msgh,bordercolor;
msgw=400;//提示窗口的宽度
msgh=100;//提示窗口的高度
titleheight=25 //提示窗口标题高度
bordercolor="#c51100";//提示窗口的边框颜色
titlecolor="#c51100";//提示窗口的标题颜色var sWidth,sHeight;
sWidth=screen.width;
sHeight=screen.height;var bgObj=document.createElement("div");
bgObj.setAttribute('id','bgDiv');
bgObj.style.position="absolute";
bgObj.style.top="0";
bgObj.style.background="#cccccc";
bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
bgObj.style.opacity="0.6";
bgObj.style.left="0";
bgObj.style.width=sWidth + "px";
bgObj.style.height=sHeight + "px";
bgObj.style.zIndex = "10000";
document.body.appendChild(bgObj);var msgObj=document.createElement("div")
msgObj.setAttribute("id","msgDiv");
msgObj.setAttribute("align","center");
msgObj.style.background="white";
msgObj.style.border="1px solid " + bordercolor;
msgObj.style.position = "absolute";
msgObj.style.left = "50%";
msgObj.style.top = "50%";
msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
msgObj.style.marginLeft = "-225px" ;
msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px";
msgObj.style.width = msgw + "px";
msgObj.style.height =msgh + "px";
msgObj.style.textAlign = "center";
msgObj.style.lineHeight ="25px";
msgObj.style.zIndex = "10001";var title=document.createElement("h4");
title.setAttribute("id","msgTitle");
title.setAttribute("align","right");
title.style.margin="0";
title.style.padding="3px";
title.style.background=bordercolor;
title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
title.style.opacity="0.75";
title.style.border="1px solid " + bordercolor;
title.style.height="18px";
title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
title.style.color="white";
title.style.cursor="pointer";
title.innerHTML="关闭";
title.onclick=function(){
document.body.removeChild(bgObj);
document.getElementById("msgDiv").removeChild(title);
document.body.removeChild(msgObj);
}
document.body.appendChild(msgObj);
document.getElementById("msgDiv").appendChild(title);
var txt=document.createElement("p");
txt.style.margin="1em 0"
txt.setAttribute("id","msgTxt");
txt.innerHTML=str;
document.getElementById("msgDiv").appendChild(txt);
}
</script>
<input type="button" value="点击这里" onclick="sAlert('test弹窗效果');" />

Answer 13

ajax  modalpopup(好象是这个，也许拼错了)

Answer 14

我总觉得楼主是做广告的我看你问过好几次了，而且都是这个URLBS做广告的。

Answer 15

必须采用 ajax  地球人都知道了

Answer 16

http://ajax.asp.net/ajaxtoolkit/ModalPopup/ModalPopup.aspxasp.net ajax toolkit 是开源软件，你可以下载所有源代码。
======================
打开的是一个层如果想打开一个新的页面感觉比较麻烦

Answer 17

http://ajax.asp.net/ajaxtoolkit/ModalPopup/ModalPopup.aspxasp.net ajax toolkit 是开源软件，你可以下载所有源代码。
======================
打开的是一个层如果想打开一个新的页面感觉比较麻烦

Answer 18

如果没有刷新界面，提交到数据库中就是使用的Ajax

Answer 19

对话框DIV与页面之间用一透明DIV隔开.提交用AJAX实现与服务器交互,VS 2005中.NET AJAX中UPDATEPANL控件可以实现

Answer 20

http://ajax.asp.net/ajaxtoolkit/ModalPopup/ModalPopup.aspx

Answer 21

http://ajax.asp.net/ajaxtoolkit/ModalPopup/ModalPopup.aspx
=======================================================
大家没有给什么我能用的答案;其实我需要的是:
1.点击按钮:弹出一个进度条的东西
2.加载一个嵌入在页面内的屏幕(不是内部的div)
3.关闭打开的屏幕,出来一个提示.我也看了:AjaxControlToolkit 中的:ModalPopup发现不能满足我的要求.因为他不能加载一个新的页面或用户组件,只能是div里包含的东西.例如:系统中有个客户信息表,这个客户信息表是在系统好多页面需要来选择的(如:销售单需要选择客户信息,拜访客户需要选择客户信息),不能我在这些所有需要选择客户信息的页面上都要做一个客户选择的div吧,所以我想做成一个用户组件或页面,这样就通用了.

Answer 22

AjaxControlToolkit 动画控件可以实现这个要求可以顺序动画，也可以同时动画

Answer 23

AjaxControlToolkit 动画控件可以实现这个要求可以顺序动画，也可以同时动画
============================
其实我需要的是:
1.点击按钮:弹出一个进度条的东西
2.加载一个嵌入在页面内的屏幕(不是内部的div)
3.关闭打开的屏幕,出来一个提示.我要求3条都实现阿

Answer 24

http://dotnet.aspx.cc/article/794566b9-5ea2-4782-2d42-e133f3c7ba74/read.aspx

Answer 25

http://dotnet.aspx.cc/article/794566b9-5ea2-4782-2d42-e133f3c7ba74/read.aspx这也能叫答案

Answer 26

function Report(Type,ID)函数是在哪里调用的？？

Answer 27

我要BS楼主了，一星期前的帖子还没结，你要的效果用ajax就可以实现了

Answer 28

LZ看看AJAX吧，推荐一些视频下载。
http://www.cnblogs.com/bobomouse/archive/2007/05/17/750659.html

Answer 29

是这种效吗?   www.yj125.cn

Answer 30

我用vs.net 2005(C#)作了个b/s的管理系统,有一个数据字典的屏幕(ChooseDict.aspx)，是辅助选择用的。我的系统中许多地方调用这个屏幕来选择数据调用方法(用js弹出模式窗口,来选择数据)：
    function MenuSelect()
        {
             var RetObj;
             RetObj = window.showModalDialog("ChooseDict.aspx",window,"dialogHeight:355px;dialogWidth:300px;");
             if(RetObj==null)
             {
                return false;
             }
             else
             {
                var RetString =RetObj;
                var RetArr = RetString.split(",");
                //debugger;
        document.getElementById("Tb_ParentID").value=RetArr[0];
        document.getElementById("Tb_ParentName").value=RetArr[1];
        document.getElementById("Hf_Depth").value=RetArr[2];
        document.getElementById("Tb_MenuID").value=RetArr[3];
        return true;
     }
         }因为好多客户屏蔽弹出窗口,这样用js打开窗口就不能弹出屏幕,还有看了Ajax中ModalPopup比较好,所以我也想做成这种效果,当没有发现ModalPopup可以加在一个屏幕,好像只能加载屏幕内的东西,这不满足我的要求,如果这样,我要在所有调用ChooseDict.aspx的屏幕中做一个类似ChooseDict.aspx的选择ModalPopup,感觉这样不可取.
   大家有没有办法,实现ModalPopup的效果是加载页面的方式阿.