2010-03-29 5 views
0

로딩 이미지를 표시하려고하는데 데이터가 데이터베이스에서로드되는 중입니다. 우리는 AJAX 호출을 사용하여 데이터를 검색합니다. 현재 우리는 그 이미지를 표시 할 수 있습니다. 이제는 전체 화면을 사용하지 않고 데이터가로드되는 동안 로딩 이미지 만 표시하면됩니다.데이터로드시 화면을 비활성화하는 방법은 무엇입니까?

거기에 어떤 준비가 된 해결책이 있습니까 ??? 이 작업을 수행 할 수있는 많은 프레임 워크가 있기를 바랍니다. 관련 정보를 제공하십시오.

감사합니다.

+0

전체 화면을 의미합니까? 컴퓨터를 멈추고 싶니? :) – Shoban

+0

전체 브라우저 화면을 사용 중지해야 함을 의미합니다. 모달 팝업처럼. –

+0

해제 됨 의미? 당신은 이미지 이외의 것을 보여주지 않습니까? 그럼 당신은 무능하게하고 싶습니까? u는 screengrab 샘플을 가지고 있습니까? – Shoban

답변

2

div (투명)를 만들고 모든 요소 위에 겹쳐서 만들 수 있습니다.

var freezeDiv = document.createElement("div"); 
    freezeDiv.id = "freezeDiv"; 
    freezeDiv.style.cssText = "position:absolute; top:0; right:0; width:" + screen.width + "px; height:" + screen.height + "px; background-color: #000000; opacity:0.5; filter:alpha(opacity=50)";  
    document.getElementsByTagName("body")[0].appendChild(freezeDiv); 
+0

답장을 보내 주셔서 감사합니다. 그 코드는 아래 스크린을 사용 불가능하게 만들었습니다. 이제는 모든 항목 위에 DIV를 표시하고 Loading이 진행 중임을 나타내는 이미지와로드 중임을 나타내는 이미지를 표시하려고합니다. 어떤 생각을 우리가 어떻게 할 수 있습니까? 시도했지만, 이미지가 trasparent 아래에 표시되고 있습니다. 감사합니다 –

+0

부모 페이지 (또는 컨테이너)에 진행 레이블 및 이미지를 추가했다고 생각합니다.이 항목을 'freezeDiv'div 컨테이너에 추가하고 중심에두면 ... 예상대로 작동합니다 ... – RameshVel

관련 문제