Загрузка страницы всего контента и скриптов внутри другого

Question

Если вы перейдете на эту страницу на нашем сайте: http://www.divethegap.com/scuba-diving-programmes-dive-the-gap/dahab-divemaster-training.html

Кнопки внизу с надписью «Начинающий», «Open Water Diver» и т. Д. Они перенесут вас на другую страницу, где у вас есть ряд опций и вы сможете забронировать.

Нам бы хотелось, чтобы вместо того, чтобы переходить на другую страницу, он загружал эти параметры и все сценарии, которые делают вычисления в 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/