仓酷云

标题: ASP.NET网站制作之ASP.NET实例教程:51job网站区域挑选功效... [打印本页]

作者: 山那边是海 时间: 2015-1-16 22:21
标题: ASP.NET网站制作之ASP.NET实例教程:51job网站区域挑选功能...
Java欺骗了我们那么多年，如今的多核时代，我认为它气数已尽！</p>最后的效果：

难点：定位，实在不难，获得父元素（省）的地位，然后设置市（初始埋没）的地位=父元素地位偏移n个px
id为pop的div是形式窗口
说一下游程吧
1.ajax读出一切省市
2.市放在一个div内里，初始是埋没的，然后给每个省加一个onclick事务，把持这个省的市显现仍是埋没
3.完成。
说得复杂了点，不外看代码就看分明了！有不分明能够在这里留言，我会存眷！
html代码
<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="test_Default"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title>无题目页</title>
<scripttype="text/javascript"src="../js/jquery-1.3.2.min.js"></script>

<script>
varxmlHttp;
functioncreateXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp=newActiveXObject("Microsoft.XMLHTTP");
}
elseif(window.XMLHttpRequest)
{
xmlHttp=newXMLHttpRequest();
}
}
functionstartRequest()
{
createXMLHttpRequest();
try
{
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.open("GET","Default.aspx?ct=1",true);
xmlHttp.send(null);
}
catch(exception)
{
alert(exception);
alert("请稍候再试!");
}
}
functionhandleStateChange()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200xmlHttp.status==0)
{
varparam=xmlHttp.responseText;
$("#divlist").append(param);
alert(param);
}
}
}
functioncc(){
$("#divdialog").fadeIn("fast");
$("#pop").css({"width":"100%","height":"100%","display":"inline"});
startRequest();
}

functionselectitem(obj){
$("#txt1").val(obj);
}

functionshowc(obj,objname){
if($("#divct"+obj).text()==""){
selectitem(objname);//假如没有市，就选择省
}else{
varpos=$("#apro"+obj).position();//父元素地位
varleft=pos.left+40+"px";//偏移量
vartop=pos.top+15+"px";
$("#divct"+obj).css({
"top":top,
"left":left,
"background":"#F3FBEA",
"color":"#666600"
}).show();

setTimeout(hidect2(obj),4000);//4秒准时封闭
}
}

functionhidect(obj){
$("#divct"+obj).hide();
}
functionhidect2(obj){
returnfunction(){hidect(obj);}
}
functionclosect(){
$("#divdialog").hide();
$("#pop").css({"width":"0","height":"0","display":"none"});
}

</script>

<style>
.proul{list-style:none}
.proulli{width:100px;height:30px;float:left;cursor:pointer}
.ctul{list-style:none}
.ctulli{width:100px;height:30px;float:left;cursor:pointer}
.ctdiv{display:none;position:absolute;border:1px#666600solid;width:auto;height:auto}
.dtl{font-size:12px;color:White;font-weight:bold;cursor:pointer}
.f_r{float:right}
.f_l{float:left}
</style>
</head>
<body>
<formid="form1"runat="server">

<inputid="Button1"type="button"value="选择区域"onclick="cc();"/>
<divid="pop"style="background-color:#000000;position:absolute;top:0;left:0;z-index:1;display:none;filter:Alpha(opacity=30);"></div>

<divid="divdialog"style="border:#4b85001pxsolid;display:none;left:217px;background-image:url(../images/t_bg.jpg);width:477px;background-repeat:repeat-x;
position:absolute;top:172px;height:350px;background-color:#faffeb;z-index:99999">
<divstyle="padding-right:5px;overflow:hidden;line-height:25px;height:25px;text-align:right">
<spanstyle="float:left;padding:4px0px4px0px"><imgsrc=http://www.webjx.com/aspnet/2010-01-31/".images/t_bg_l.gif"width="16"height="16"/></span>
<spanclass="dtlf_l">请选择区域</span>
<spanonclick="closect();"class="dtlf_r">[封闭]</span>
<spanonclick="closect();$("#txt1").val("不限");"class="dtlf_r">[不限]</span>
</div>
<divid="divlist"style="font-size:12px;margin:0pxauto;width:462px;color:#000;height:320px;overflow:scroll;text-align:left"runat="server">

</div>

</div>
<inputid="txt1"type="text"/>
</form>
</body>
</html>

背景输入代码
privatevoidBind()
{
IList<heyjob.Model.c_Province>listP=bllP.DataTableToList(bllP.GetAllList().Tables[0]);
stringarr=string.Empty;
stringct=string.Empty;
for(inti=0;i<listP.Count;i++)
{
IList<heyjob.Model.c_City>listC=bllC.DataTableToList(bllC.GetList("provinceid=""+listP.ProvinceID+""").Tables[0]);

arr+="<ulclass="proul"><divid="divpro"+listP.ProvinceID+"">";
arr+="<li><aid="apro"+listP.ProvinceID+""onclick=showc(""+listP.ProvinceID+"""+",""+listP.ProvinceName+"");>"+listP.ProvinceName+"</a></li>";
arr+="</div></ul>";

ct+="<divclass="ctdiv"id="divct"+listP.ProvinceID+""><ulclass="ctul">";
for(intj=0;j<listC.Count;j++)
{
if(listC.Count>0)
{
if(listC[j].ProvinceID==listP.ProvinceID)
{
if(j==0)
{
ct+=listP.ProvinceName+"<br/><br/>";
}
ct+="<li><aonclick=selectitem(""+listC[j].CityName+"");>"+listC[j].CityName+"</a></li>";
}
}
}
ct+="</ul></div>";
arr+=ct;

}

Response.Write(arr);
Response.End();
}
原AndyLau文章出自：www.it560.com
我有个同学，他是搞Java的，他给我说“Java不是效率低，而是速度慢。”，我不是搞Java的，我实在想不透这句话的含义，难道执行速度不就是效率低吗？难道执行速度慢还成效率高了？
作者: 乐观 时间: 2015-1-24 12:39
但是目前在CGI中使用的最为广泛的是Perl语言。所以，狭义上所指的CGI程序一般都是指Perl程序，一般CGI程序的后缀都是.pl或者.cgi。
作者: 小妖女 时间: 2015-2-1 12:10
对于中小项目来说.net技术是完全可以胜任，但为什么现在大型公司或网站都选择php或java呢？就是因为微软不够开放，没有提供从硬件到应用服务器再到业务应用的整套解决方案。
作者: 山那边是海 时间: 2015-2-7 05:19
业务逻辑代码都不必做任何改动；继承性和多态性使得代码的可重用性大大提高，你可以通过继承已有的对象最大限度保护你以前的投资。并且C#和C++、Java一样提供了完善的调试/纠错体系。
作者: 愤怒的大鸟 时间: 2015-2-20 17:59
由于CGI程序每响应一个客户就会打开一个新的进程，所以，当有多个用户同时进行CGI请求的时候，服务器就会打开多个进程，这样就加重了服务器的负担，使服务器的执行效率变得越来越低下。
作者: 金色的骷髅 时间: 2015-3-6 18:42
ASP.NET:ASP.net是Microsoft.net的一部分，作为战略产品，不仅仅是ActiveServerPage(ASP)的下一个版本；它还提供了一个统一的Web开发模型，其中包括开发人员生成企业级Web应用程序所需的各种服务。ASP.NET的语法在很大程度上与ASP兼容，同时它还提供一种新的编程模型和结构，可生成伸缩性和稳定性更好的应用程序，并提供更好的安全保护。
作者: 冷月葬花魂 时间: 2015-3-13 06:06
比如封装性、继承性、多态性等等，这就解决了刚才谈到的ASP的那些弱点。封装性使得代码逻辑清晰，易于管理，并且应用到ASP.Net上就可以使业务逻辑和Html页面分离，这样无论页面原型如何改变。
作者: 活着的死人 时间: 2015-3-20 14:34
使用普通的文本编辑器编写，如记事本就可以完成。由脚本在服务器上而不是客户端运行，ASP所使用的脚本语言都在服务端上运行，用户端的浏览器不需要提供任何别的支持，这样大提高了用户与服务器之间的交互的速度。

欢迎光临仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2