GMail "Loading ..."배너는 어떻게 작동합니까?

Question

내 응용 프로그램에서 GMail의 기능을 복제하려고합니다.

Gmail에서 폴더를 변경하면 화면에 계속 표시되고 작은로드 배너가 사이트 상단에 나타납니다.
화면이 모두 흰색으로 표시되지 않고 다시 게시 할 때 사용자 워크 플로가 방해 받기 때문에 바람직합니다.

방화범을 사용하여 이것을 분해하려고했는데, 나는 가까이 가고 있다고 느낍니다.
Gmail 사이트는 전체 인터페이스가 포함 된 100 % 크기의 Iframe으로 구성됩니다. 이 프레임 이후에는 로딩 배너가 포함 된 div가 표시됩니다. div는 보이지 않으며 Iframe 뒤에 배치됩니다.

Iframe 앞에 배너를 이동시키는 스크립트가 실행됩니까?

완전히 AJAX를 사용

Answer 1

Gmail을 구축,

마틴 Wiboe 감사합니다; 정기적 인 포스트 백이 전혀 없습니다.

폴더의 내용을 묻는 AJAX 요청을 보내기 전에 <div>을 만든 다음 회신을받을 때 <div>을 숨 깁니다.

jQuery을 사용하면 쉽게 복제 할 수 있습니다.

Answer 2

AJAX 및 콜백 처리기로 수행하려는 작업을 수행 할 수 있습니다. AJAX 게시물에서로드 div를 볼 수있게합니다. 성공적인 다시 게시에서는 숨길 것입니다.