<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title> </title>
<script src=prototype.js></script>
<style>
body {margin:0px;padding:0px;font-size:12px;text-align:center;width: 100%; height: 100%; }
.content{margin:auto;width:auto;}
.content div{margin:4px 0px 0px 0px;border:1px solid #969696;}
.content div p{margin:0px;padding:0px 0px 0px 10px;border-bottom:1px solid #969696;background:#efefef;line-height:22px;cursor:move;font-size:12px;text-align:left}
.content .left{padding:4px;width:400px;vertical-align:top;border:1px solid #FF0000}
.content .right{padding:4px;width:400px;vertical-align:top;border:1px solid #FF0000}
#hidden_div{display:none;}
</style>
<script>
var staticnum=0;
var domid=0;
var c2=1;
var aaid=0;
var url="./ajaxmethod.aspx";
function searchSales(val)
{
var pars = 'keyword=' + val;
var myAjax = new Ajax.Request(url,{method: 'get', parameters: pars, onComplete: showResponse});
}
function showResponse(originalRequest)
{
var temp=originalRequest.responseText;
// alert(temp);
switch(staticnum)
{
case 1:
docase1(temp);
break;
case 2:
docase2(temp);
break;
case 3:
docase3(temp);
break;
case 4:
docase4(temp);
}
}
function initdiv()
{
staticnum=1;
searchSales(staticnum);
}
function initdata()
{
// alert("d");
//alert(domid);
staticnum=2;
// alert(staticnum+""+c2);
searchSales(staticnum+""+i);
}
document.onreadystatechange=function()
{
if(document.readyState=="complete")
{
// alert("2");
initdiv();
}
}
//------------------------odcase1
function docase1(m)
{
// alert("case1");
var t;
var l=new Array();
l=m.split(";");
for(i=0;i<l.length-1;i++)
{
t="<div id='m"+i+"'><p>"+l[i]+"</p><span id='ss"+i+"'><img src=ajax-loader.gif/><span></div>";
// alert(t);
$("dom"+(i%2)).innerHTML+=t;
}
domid=i;
initdata();
}
function docase2(m)
{
//alert(m);
/*
var t;
var l=new Array();
var sss=new Array();
l=m.split(";");
for(;i<l.length-1;i++)
{
sss=l[i].split("&");
t= "<a href=show.aspx?id="+sss[0]+">"+sss[1]+"</a><br>";
// alert(t);
$("m"+c2).innerHTML+=t;
}
*/
var ar1=new Array();
var ar2=new Array();
var ar3=new Array();
var i1=0;
var i2=0;
var t="";
ar1=m.split("*");
for(;i1<ar1.length-1;i1++)
{
ar2=ar1[i1].split(";");
for(i2=0;i2<ar2.length-1;i2++)
{
ar3=ar2[i2].split("&");
t+= "<a href=javascript:lista('"+ar3[0]+"','"+ar3[1]+"')>"+ar3[1]+"</a><br>";
}
$("ss"+i1).innerHTML=t;
t="";
}
}
function lista(a,b)
{
$("maindiv").style.display="";
$("tdt").innerHTML=b;
$("tdtt").innerHTML="33-0.gif";
gettext(a);
}
function gettext(id)
{
aaid=id;
staticnum=3;
searchSales(staticnum+""+id);
}
function docase3(t)
{
var tempa=new Array();
tempa=t.split("&*&*");
$("tdtt").innerHTML=tempa[0];
$("tcount").innerHTML=tempa[1];
}
function docase4(f)
{
//alert(f);
$("tcount").innerHTML=f;
}
function closediv()
{
$("maindiv").style.display="none";
}
function addcount()
{
$("tcount").innerHTML="<img src=ajax-loader.gif />";
staticnum=4;
searchSales(staticnum+""+aaid);
}
//--------------------'document.styleSheets[0].addRule("#a1 *","background-color:red")
var dragobj={}
window.onerror=function(){return false}
function on_ini(){
String.prototype.inc=function(s){return this.indexOf(s)>-1?true:false}
var agent=navigator.userAgent
window.isOpr=agent.inc("Opera")
window.isIE=agent.inc("IE")&&!isOpr
window.isMoz=agent.inc("Mozilla")&&!isOpr&&!isIE
if(isMoz){
Event.prototype.__defineGetter__("x",function(){return this.clientX+2})
Event.prototype.__defineGetter__("y",function(){return this.clientY+2})
}
basic_ini()
}
function basic_ini(){
window.$=function(obj){return typeof(obj)=="string"?document.getElementById(obj):obj}
window.oDel=function(obj){if($(obj)!=null){$(obj).parentNode.removeChild($(obj))}}
}
window.onload=function(){
on_ini();
var o=document.getElementsByTagName("p");
for(var i=0;i<o.length;i++){o[i].onmousedown=addevent;}
}
function addevent(e){
if(dragobj.o!=null)
return false
e=e||event
dragobj.o=this.parentNode
dragobj.xy=getxy(dragobj.o)
dragobj.xx=new Array((e.x-dragobj.xy[1]),(e.y-dragobj.xy[0]))
dragobj.o.style.width=dragobj.xy[2]+"px"
dragobj.o.style.height=dragobj.xy[3]+"px"
dragobj.o.style.left=(e.x-dragobj.xx[0])+"px"
dragobj.o.style.top=(e.y-dragobj.xx[1])+"px"
dragobj.o.style.position="absolute"
var om=document.createElement("div")
dragobj.otemp=om
om.style.width=dragobj.xy[2]+"px"
om.style.height=dragobj.xy[3]+"px"
dragobj.o.parentNode.insertBefore(om,dragobj.o)
return false
}
document.onselectstart=function(){return false}
window.onfocus=function(){document.onmouseup()}
window.onblur=function(){document.onmouseup()}
document.onmouseup=function(){
if(dragobj.o!=null){
dragobj.o.style.width="auto"
dragobj.o.style.height="auto"
dragobj.otemp.parentNode.insertBefore(dragobj.o,dragobj.otemp)
dragobj.o.style.position=""
oDel(dragobj.otemp)
dragobj={}
}
}
document.onmousemove=function(e){
e=e||event
if(dragobj.o!=null){
dragobj.o.style.left=(e.x-dragobj.xx[0])+"px"
dragobj.o.style.top=(e.y-dragobj.xx[1])+"px"
createtmpl(e)
}
}
function getxy(e){
var a=new Array()
var t=e.offsetTop;
var l=e.offsetLeft;
var w=e.offsetWidth;
var h=e.offsetHeight;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
a[0]=t;a[1]=l;a[2]=w;a[3]=h
return a;
}
function inner(o,e){
var a=getxy(o)
if(e.x>a[1]&&e.x<(a[1]+a[2])&&e.y>a[0]&&e.y<(a[0]+a[3])){
if(e.y<(a[0]+a[3]/2))
return 1;
else
return 2;
}else
return 0;
}
function createtmpl(e){
for(var i=0;i<domid;i++){
if($("m"+i)==dragobj.o)
continue
var b=inner($("m"+i),e)
if(b==0)
continue
dragobj.otemp.style.width=$("m"+i).offsetWidth
if(b==1){
$("m"+i).parentNode.insertBefore(dragobj.otemp,$("m"+i))
}else{
if($("m"+i).nextSibling==null){
$("m"+i).parentNode.appendChild(dragobj.otemp)
}else{
$("m"+i).parentNode.insertBefore(dragobj.otemp,$("m"+i).nextSibling)
}
}
return
}
for(var j=0;j<2;j++){
if($("dom"+j).innerHTML.inc("div")||$("dom"+j).innerHTML.inc("DIV"))
continue
var op=getxy($("dom"+j))
if(e.x>(op[1]+10)&&e.x<(op[1]+op[2]-10)){
$("dom"+j).appendChild(dragobj.otemp)
dragobj.otemp.style.width=(op[2]-10)+"px"
}
}
}
</script>
</head>
<body>
<div id="maindiv" style="position: absolute;left: 0; top: 0;width: 100%; height: 100%;background-color:DarkGreen;-moz-opacity:0.8;opacity: 0.8;filter: alpha(opacity=80); display:none; z-index:20">
<table id="textdiv" style="text-align:center; vertical-align:middle; background-color:White; z-index:100" width=700px height=500px>
<tr>
<td align=left >
<span style="font-size:20px; color:Red" id="tcount"><img src=ajax-loader.gif /></span>
<span style="font-size:20px; color:Blue; cursor:hand;" onclick="addcount();">顶一下</span>
</td>
</tr>
<tr>
<td id="tdt" style="font-size:20px; font-weight:bolder;">
</td>
</tr>
<tr>
<td id="tdtt" style="font-size:15px;color:Black;">
<img src="33-0.gif"/>
</td>
</tr>
<tr>
<td >
<input id="Button1" type="button" value="close" oncl
程序源码 网页层拖动实例(ASP.NET+AJAX)_googlei（ASP.NET源码）.rar
版权申诉
53 浏览量
2023-03-14
08:28:53
上传
评论
收藏 76KB RAR 举报
程序源码 网页层拖动实例(ASP.NET+AJAX)_googlei（ASP.NET源码）.rar （17个子文件） 
[其他类别]网页层拖动实例(ASP.NET+AJAX)_googlei googlei 
ajaxmethod1.aspx.cs 2KB default.htm 4KB index.htm 8KB ajaxmethod.aspx.cs 4KB
end_upAd_bg.jpg 3KB demo2.css 144B Default.aspx 451B
ajax-loader.gif 673B index.htm.bak 7KB db.mdb 316KB code.htm 5KB 33-0.gif 7KB ajaxmethod1.aspx 115B Default.aspx.cs 416B prototype.js 121KB Web.Config 2KB ajaxmethod.aspx 113B资源评论
