2008-10-12 7 views
4

헤더가있는 표, 입력란이있는 표, 데이터가있는 표가 있습니다. Like this. http://brow.hu/sitegen/stackoverflow_table_example.png아약스에서 페이지를 업데이트 할 때 깜박임을 피하는 방법

누군가가 입력 필드에 뭔가를 입력하면 나는 ajax 쿼리로 데이터를 필터링하려고합니다. 새 테이블을받은 후 이전의 내용을 변경합니다 : div.innerHTML = req.responseText; 그리고 깜박입니다. 어떻게 피하는거야?

+1

이미지 링크가 죽어 문제가 불분명합니다. –

답변

8

깜박임을 방지하는 한 가지 방법은 더블 버퍼링이라고합니다. Ajax에서 이것은 동일한 공간을 차지하는 두 개의 div로 간단히 수행 할 수 있습니다. 그 중 하나는 'display : none'스타일이고 다른 하나는 display : inline입니다. 항상 보이지 않는 것에 작성한 다음 표시 스타일을 교체하십시오. div가 절대 위치 지정 및 크기를 가질 경우 깜박임이 발생할 확률은 절대적으로 없으며 그렇지 않은 경우에도 더 잘할 수 없습니다.

3

테이블을 완전히 바꾸기 때문에 깜박입니다. 기존 테이블에서 행을 추가하거나 행을 삭제 한 다음 AJAX 데이터를 결과 테이블에로드하면 깜박 거리지 않습니다.

+0

아마 이것도 좋은 대답이지만 Alan Hensel의 다른 하나는 더 간단합니다 :) –

관련 문제