Start Building Professional
Web Apps Today

Issue on loading image

I am using new version of DHTMLx (Professional edition);
Loading image is working fine. but problem is,I have 2 toggle window top of the gridview.when I open this window,loading image is shown on opened window(its shown as fixed). that means its not moving down with grid. can u help me to solve this issue.
grid event
..............
gr.attachEvent("onXLS",function(){
//some other code
         gridOnLoadingBegin();
        });
gr.attachEvent("onXLE",function() {
//some other code
    gridOnLoadingEnd();
    });

function
..................

    this.gridOnLoadingBegin =function() {
     gb=document.getElementById('gridArea');
var newdiv = document.createElement('div');
newdiv.setAttribute('id',"gridLoading");
     newdiv.innerHTML = '<img src="' + options.imagePath + 'loading.gif"><br><b> Loading contentssss.....</b>';
     gb.appendChild(newdiv);
     var divValue = document.getElementById('gridLoading');
     setLoadingPosition(divValue);
     }
    
gridOnLoadingBegin =this.gridOnLoadingBegin;
    this.gridOnLoadingEnd=function() {
     var gb = document.getElementById('gridArea');
var olddiv = document.getElementById("gridLoading");
gb.removeChild(olddiv);
    }
    gridOnLoadingEnd= this.gridOnLoadingEnd;






function setLoadingPosition(newDiv){
    var topvalue = gr.entBox.offsetTop + gr.entBox.offsetHeight/2;
    var leftValue = gr.entBox.offsetLeft + gr.entBox.offsetWidth/2;
    if(newDiv){
         newDiv.style.top=topvalue+'px';
        newDiv.style.left=leftValue+'px';
        }
    }

css

.........

#gridArea #gridLoading{border:1px solid #ccc; width:160px; height:40px;cursor: progress; background-color: white; position:absolute !important; filter:alpha(opacity=70);z-index:2000;filter:alpha(opacity=70);z-index:2001; text-align:center;}
#gridArea #gridLoading div{ }



jsp
........
//here i have a div for toggle window


<div style="width: 100%; height: 100%;" id="gridArea"
            style="background-color:white;border:2px solid red">

</div>

Issue :Loading image is showing fine. but problem is div position is not moving if toggle window opend.

You code looks correct. You can find example of using showing message while grid is loading at your dhtmlxGrid package dhtmlxGrid\samples\loading_big_datasets\pro_srnd_static_cm.html

Thanks