Jquery를 사용하여 페이지에서 팝업으로 HTML 페이지를 여는 방법 (새 창이 열리지 않음) JQuery를 사용하여

Question

링크 버튼을 클릭하고 링크 버튼을 클릭하면 팝업이 열립니다 modalpopup. 이제 jquery를 사용하여 팝업 느낌을 얻고 div 텍스트 내부에서 데이터베이스를 가져와야합니다.

은 모달 팝업 느낌으로 div를 엽니 다. JQuery와

또는 JQuery와에게

감사 레가을 사용하여 동일한 창에 팝업에서 HTML 페이지를 엽니 다 ds Vara Prasad.M

Answer 1

jQuery 플러그인 Facebox을 살펴보십시오. 그것은 당신이 요구하는 것과 거의 똑같습니다. 예를 들어, 당신은 같은 일부 원격 페이지에이 같은 링크를 가질 수 있도록

<a href="remote.html" rel="facebox">text</a> 

콘텐츠가 너무

jQuery(document).ready(function($) { 
    $('a[rel*=facebox]').facebox() 
}); 

처럼로드 및 콘텐츠를 모달로 렌더링 할 때 다음 바로 facebox 플러그인을 호출 창문. 유사한 기능을 제공하는 Fancybox 또는 ThickBox을 살펴볼 수도 있습니다. (http://docs.jquery.com/UI/Dialog를)

1. 열기 서버 측의 컨텐츠를 가져 오기 및 모달 대화

사용 jQuery를 대화 상자에 표시 jQuery를

를 사용하여 모달 팝업 :

Answer 2

이 문제에 대한 두 가지 단계가 있습니다 모달 대화 상자를 열어서 jQuery load (http://api.jquery.com/load/)를 사용하여 서버에서 내용을로드하십시오.

호출 한 서버 페이지는 데이터베이스 쿼리를 작성하고 내용을 응답 버퍼로 출력합니다.