Можно ли использовать DIV вместо iFrame, чтобы содержимое выглядело как на одной странице?
У меня есть веб-страница, мне нужна часть содержимого, разделенная на отдельную страницу, но не используйте iframe. Так же, как знать, можно ли использовать div вместо iframe и работает как на той же странице(с базовым кодом js или php-кодом круто).
Мне нужно все содержимое <div class="row-fluid">..</div>
чтобы быть отдельным html, но не использовать iframe, мне понадобится div вместо iframe, и он работает так же, как на одной странице.
2 ответов
С PHP
вы можете включить страницу внутри вашего кода внутри конкретного подразделения.
например, внутри индекса.на PHP:
<div>
<?php include('page2.php'); ?>
</div>
и внутри страницы 2.php у вас есть:
<span>Hello World</span>
результат будет такой:
<div>
<span>Hello World</span>
</div>
если то, что вы хотите достичь, должно быть в интерфейсе, когда пользователь переходит через ваш сайт; то есть после щелчка по элементу, и вы не хотите переходить на другую страницу, то AJAX - это ваш вариант. этот пример с Jquery:
$('.clickme').click(function(){
$.ajax({
url:'page2.php'
success:function(msg){
$('#insert_div').html(msg)
}
});
});
HTML-код:
<span class="clickme">Get Page 2</span>
<div id="insert_div">
<!-- Page 2 will be inserted here -->
</div>
другое решение -загрузки jQuery() как многие опубликовали:
$('.clickme').click(function(){
$('#insert_div').load("page2.php");
});
можно использовать jQuery load()
метод загрузки содержимого при нажатии на соответствующую ссылку. вы также можете использовать это без события, нажатого с анимацией.