项目使用ajaxcontroltoolkit方便开发。

里边的进度条用起来还不错,开始使用的时候是一个长条gif滚动,但是并不屏蔽用户操作

看到其它网站上有屏蔽操作的滚动条,于是想到了popupExtender,结合使用?没那么简单,发现此路不通。(也许有朋友成功,可以分享之)

于是该用alwaysvisible控件,问题貌似解决了,但是出现了div遮盖页面中间的部分,下边的输入框无法输入。

于是想,可否控制当进度条出现的时候,去屏幕中央,背景屏蔽操作,进度条结束,屏幕还原呢。

于是在页面加入了如下代码:

Code //添加ajax的load事件处理函数 

        Sys.Application.add_load(addEvent);
 
2   function addEvent(sender)
 
3   {
 
4      var upDiv=$get("ctl00_UpdateProgress1");
 
5      if(window.attachEvent==undefined)
 
6     {
 
7        upDiv.addEventListener('onpropertychange',onProperChange,false);
 
8      }
 
9      else 
10      {
11        upDiv.attachEvent('onpropertychange',onProperChange);
12      }
13   }
         
//进度条的原理就是等待响应的时候更改属性显示,那么我们就在属性更改的时候控制大小。
14   function onProperChange()
15   {
16        if(event.propertyName=="style.display")
        {
                 
//这个函数就是控制进度条内部元素大小位置的。

                        maxdiv();

            }

      }

 

这样解决了问题,但是有个问题又出现了,就是用z-index控制div的时候,下拉框是不能被遮盖的。

怎么解决呢?放三明治,背景div,上边加一个iframe,上边再放div,里边装一个进度条图片。

大家有什么别的好办法,可以共同探讨。

posted on 2009-05-22 13:26  沉默的心  阅读(810)  评论(4编辑  收藏  举报