로드 페이지 다른

Question

내부의 모든 내용과 스크립트는 당신은 우리의 웹 사이트에이 페이지로 이동하는 경우 : http://www.divethegap.com/scuba-diving-programmes-dive-the-gap/dahab-divemaster-training.html

을 등 오픈 워터 다이버 '.... 그들은 가지고' '초급'라고 하단에있는 버튼 당신은 일련의 옵션을 가지고 있고 예약 할 수있는 다른 페이지로 이동합니다.

우리는 다른 페이지로 이동하지 않고 첫 페이지의 div에서 계산을하는 모든 옵션과 스크립트를로드해야합니다. 누르는 버튼에 따라 div에로드 할 페이지가 무엇인지에 따라 다릅니다.

접을 수있는 패널을 열었을 때 동적으로 크기가 조정되지 않으므로 IFrame이 작동하지 않습니다. 동적 드라이브에 AJAX 스크립트. http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm 은 접을 수있는 패널이 작동하지 않으므로 작동하지 않으며 계산 스크립트도 작동하지 않습니다.

어떻게 수행 할 수 있습니까? 요약하면 페이지 아래쪽에있는 버튼을 현재 연결되는 페이지의 내용을 표시하는 탭으로 바꾸는 것과 같습니다.

가능합니다.

Answer 1

사용 JQuery와의 $.get() 방법을 통해 데이터를 얻을 데이터가 $('#myDiv').html(data);

예 할 것을 사용

HTML

<a href="#" id="getData">Get data</a> 
<div id="myContainer"></div> 

JS

$('#getData').click(function(){ 
    $.get('data.php', { section: 'mySection' }, function(data){ 
     $('#myContainer').html(data); 
    }); 
}); 

PHP :

<?php 
    if($_GET['section'] === 'mySection') echo '<span style="font-weigth:bold;">Hello World</span>'; 
?> 

이렇게하는 것이 가장 쉬운 방법입니다. 여기에 $.get() 및/또는 .html() 얼굴로 도움이 필요한 경우 :

• http://api.jquery.com/jQuery.get/
• http://api.jquery.com/html/