Форум PHP программистов > Альтернатива iframe

[ Поиск ] - [ Пользователи ] - [ Календарь ]

L4Ss

9.05.2011 - 18:02

Как сделать, чтобы по нажатии на ссылку, загружалась вэб-страница в Main_content и при этом не менялось содержимое блоков: Header, Nav_menu, Side_bar и Footer. Может есть какие-нибудь нетрудные способы на php или с применением javascript. Технологию iframe не предлагать.
user posted image

Код:
<html>
<head>
<title>Помогите</title>
</head>
<body>
<table width="1000" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <div id="header"><th height="101" colspan="2" scope="col"></th></div>
  </tr>
  <tr>
    <div id="nav_menu"><td colspan="2"><span>Тут будет меню</span></td></div>
  </tr>
  <tr>
    <div id="Main_content"><td width="750" height="198"></td></div>
        <div id="Sidebar"><td width="250">
           <ul>
     <li><a href="1.html">Ссылка 1</a></li>
     <li><a href="2.html">Ссылка 2</a></li>
  </ul>
	</td></div>
  </tr>
  <tr>
    <div id="Footer"><td colspan="2"></td></div>
  </tr>
</table>
</body>
</html>

Спустя 3 минуты, 46 секунд (9.05.2011 - 17:05) Игорь_Vasinsky написал(а):

ну можно же ajax или jquery для этого дело использовать

целые плагины есть, хотя итак задумка простая, менят display:none на display:block, привязывая клики на ссылки

Спустя 27 минут, 7 секунд (9.05.2011 - 17:32) inpost написал(а):

L4Ss
Ajax

Спустя 31 минута, 23 секунды (9.05.2011 - 18:04) L4Ss написал(а):

Нашел простой нетрудный, как раз для меня скрипт Ajax:http://www.codething.ru/ajax_js.php
Только возникает вопрос, как сделать, чтобы при загрузке index.html в блок <div id="contentBody">выводилaсь по умолчанию, например, страница Page1.html?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; Charset=UTF-8">
<script>
	function showContent(link) {

		var cont = document.getElementById('contentBody');
		var loading = document.getElementById('loading');

		cont.innerHTML = loading.innerHTML;

		var http = createRequestObject();					// создаем ajax-объект
		if( http ) {
			http.open('get', link);							// инициируем загрузку страницы
			http.onreadystatechange = function () {			// назначаем асинхронный обработчик события
				if(http.readyState == 4) {
					cont.innerHTML = http.responseText;		// присваиваем содержимое
				}
			}
			http.send(null);    
		} else {
			document.location = link;	// если ajax-объект не удается создать, просто перенаправляем на адрес
		}
	}

	// создание ajax объекта
	function createRequestObject() {
		try { return new XMLHttpRequest() }
		catch(e) {
			try { return new ActiveXObject('Msxml2.XMLHTTP') }
			catch(e) {
				try { return new ActiveXObject('Microsoft.XMLHTTP') }
				catch(e) { return null; }
			}
		}
	}
</script>
</head>

<body>

	<p>Какую страницу желаете открыть?</p>
	<a onclick="showContent('page1.html');" style="cursor: pointer">Страница 1</a>
	<form>
		 <input onClick="showContent('page1.html')" type="button" value="Страница 1"> <input onClick="showContent('page2.html')" type="button" value="Страница 2">
  	</form>
	<div id="contentBody">
	</div>
	<div id="loading" style="display: none">
	Идет загрузка...
	</div>
	
</body>
</html>

код: Page1.html

<h1>Страница 1</h1>
<p>Page1</p>

код: Page2.html

<h1>Страница 2</h1>
<p>PAge2</p>

Спустя 1 минута, 51 секунда (9.05.2011 - 18:06) ИНСИ написал(а):

L4Ss оформляй код в нужные теги, пожалуйста.

Спустя 5 минут, 17 секунд (9.05.2011 - 18:11) Игорь_Vasinsky написал(а):

ты с JQuery вообще не ладах? чё забивать себя каким то левым скриптом - когда там 5 минут и свой готов.

Спустя 7 минут, 27 секунд (9.05.2011 - 18:18) L4Ss написал(а):

"Вобще не в ладах"

можешь дать какие-нибудь ссылки по JQuery на решение моей задачи?

Спустя 5 секунд (9.05.2011 - 18:19) alex12060 написал(а):

Игорь_Vasinsky

Не, лучше сначала выучить принцип работы на голом ЖС, а потом браться за ЖК.
Я аот сначала делал на JQ, а потом пришлось делать на голом ЖС, чтобы понять что да как и почему

Спустя 26 минут (9.05.2011 - 18:45) inpost написал(а):

L4Ss
В начале внутри того <div> помещаешь <?php include './Page1.html'; ?>
Теперь в начале будет на том месте page1, но по клику на ссылку - подгружаться другие.

Спустя 1 минута, 1 секунда (9.05.2011 - 18:46) Игорь_Vasinsky написал(а):

alex12060
ну не скажи, JQ предназнчен облегчить работу с ЖС

Спустя 3 минуты, 34 секунды (9.05.2011 - 18:49) inpost написал(а):

L4Ss
Не используй jQuery, пока не понимаешь, как работает этот код без библиотеки на чистом JS.

Спустя 25 минут, 32 секунды (9.05.2011 - 19:15) Игорь_Vasinsky написал(а):

inpost
Да почему?
JQuery - учиться легче, так как имеет легкий синтаксис + взаимодействие с html.
Он ещё выдавит JS

Спустя 10 минут, 42 секунды (9.05.2011 - 19:25) L4Ss написал(а):

inpost благодарю за подсказку!
Может мою проблему можно решить еще таким методом:
Код index.php:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<table width="750" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <th scope="col"> </th>
    <th scope="col"> </th>
  </tr>
</table>
<body>
<table width="783" height="588" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <th width="177" height="421" valign="top" scope="col"><div align="left">
      <p><a href='index.php?link=1'>HOME</a></p>
      <p><a href='index.php?link=2'>Link_2</a></p>
      <p><a href='index.php?link=3'>Link_3</a></p>
    </div></th>
    <th width="600" scope="col"><?php 
     if(isset($_GET['link']) AND $_GET['link'] == 1)
{
require_once '1.php';
}elseif(isset($_GET['link']) AND $_GET['link'] == 2)
{
require_once '2.php';
}
 elseif(isset($_GET['link']) AND $_GET['link'] == 3)
{
require_once '3.php';
}
  ?>	
</th>
  </tr>
</table>
</body>
</html>

код 1.php:

<?php
echo 'HELLO';
?>

код 2.php:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<table width="400" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <th scope="col">Text</th>
    <th scope="col">Tex2</th>
   </tr>
</table>
</body>
</html>

код 3.php:

<?php echo'Link3';>

и собственно вопрос как прописать правильно include, чтобы небыло "наложений данных" в главном контейнере, т.е чтобы по умолчанию загружалось содержание страницы 1.php?

Спустя 1 минута, 21 секунда (9.05.2011 - 19:27) inpost написал(а):

Игорь_Vasinsky
Это тоже самое, что не стоит тебе изучать PHP, а сразу использовать Joomla . Как ты думаешь, на сколько такие программисты талантливы?

Спустя 4 минуты, 27 секунд (9.05.2011 - 19:31) Игорь_Vasinsky написал(а):

inpost
Joomla VS PHP

тогда ЖС - аккардион

Я так без ЖС обхожусь полностью при помощи джквери

вообще запустил и не жалею

Спустя 8 минут, 7 секунд (9.05.2011 - 19:39) inpost написал(а):

Игорь_Vasinsky
JS не язык для создания маленький формочек, которые мигают и двигаются, у JS куда больше возможностей, а jQuery лишь облегчило тебе парочку начальных действий уровня Basic.

Спустя 3 минуты, 43 секунды (9.05.2011 - 19:43) Игорь_Vasinsky написал(а):

Чтобы реализовать сайт с возможностями как хочет ТС - не надо быть бакалавром по ЖС, а вот с помощью jq можно сделать не имея навыков ЖС.

Всё лан. отклонились. Как бы там ни было каждый останится при своём мнении, я уж точно

Спустя 12 минут, 12 секунд (9.05.2011 - 19:55) Guest написал(а):

Игорь_Vasinsky, аналогично юзать php фреймворки не зная php т.е. бред.

Спустя 15 минут, 34 секунды (9.05.2011 - 20:11) inpost написал(а):

Игорь_Vasinsky
Как хочет ТС? Хочешь сказать, что ты уже работал на заказы вроде google с их сложными технологиями JS ? Или писал качественные игры с оптимизацией на производительность + JS ?
Я это к тому, что jQuery - лишь библиотека с функциями, есть ещё mootools, и другие, 5 лет назад был моден Joomla, сейчас 1С Битрикс, вот так же и с jQuery, его бросят, выйдет другая библиотека, а сам язык программирования останется неизменным, таким как PHP, JS.
JS -> jQuery один в один как PHP -> Joomla.

Спустя 4 минуты, 15 секунд (9.05.2011 - 20:15) L4Ss написал(а):

может кто-нибудь даст ответ на мой предыдущий пост? user posted image

Спустя 5 минут, 14 секунд (9.05.2011 - 20:20) Игорь_Vasinsky написал(а):

Guest
а это кто? му уже давно в офтопе. меня переубеждать не нужно. помогайте ТС.

Что мы тут делаем? Я даю совет использовать JQuery - ты даёшь совет использовать голый JS.

Давай выложим по простому примеру, ТС выбирает, это тк сказать чтоб компенсировать время ожидания ТС ифлуд в его теме.

Может хоть всё учить, а может по ситуации - ему выбирать. Да и у меня огромные сомнения, что прохожие сюда заходят за готовыми решениями (хе хе хе), а не для того чтоб мы их говрили что учить - что не учить.

Я уже сказал, что я остаюсь при своём мнении, если и JQUERY сдохнет, что у меня вызыает сомнения - я всё равно буду с нимработать при необходимости, если конечно не идёт речь об, например простом алерте, т.к. вешать ещё и сам JQ на страницу - я смычла для этого невижу. Баста.

Спустя 1 минута, 41 секунда (9.05.2011 - 20:22) Игорь_Vasinsky написал(а):

Цитата

может кто-нибудь даст ответ на мой предыдущий пост?

Вот - о чём я говорил.

Давай так:

Вижу 3 варианта решения твоей задачи:

1. JS
2. JQuery
3. JQuery + Ajax (рекомендую)

Спустя 4 минуты, 4 секунды (9.05.2011 - 20:26) inpost написал(а):

Игорь_Vasinsky
А какой смысл сидеть на этом форуме, если ты такой самоуверенный и отказываешься прислушиваться к чужому мнению?

Спустя 4 минуты, 40 секунд (9.05.2011 - 20:31) L4Ss написал(а):

Ребята буду рад любым вариантам, чем больше вариантов, тем лучше

Просто выкладывайте код примеров или ссылки, как бы вы решили данную задачу (желательно, более простые наглядные примеры).

Может есть решение на php(см. мой позапрошлый пост)

Спустя 4 минуты, 52 секунды (9.05.2011 - 20:35) Joker написал(а):

Цитата (Игорь_Vasinsky @ 9.05.2011 - 22:22)

1. JS
2. JQuery
3. JQuery + Ajax (рекомендую)

Ты сам то понимаешь что ты предлагаешь?

Ajax это технология внутри JS а вот jQuery это уже красивый фантик вокрук JS,

Отдельно на JS или jQuery это не реализовать как не крути.

И прислушайся к inpost

Спустя 3 минуты, 19 секунд (9.05.2011 - 20:39) Игорь_Vasinsky написал(а):

inpost
Утрируешь? Причём здесь форум? Ты ещё скажи зачем маму папу в детстве слушал - когда сам умный.

Добавлю - наличие фрейморка, в т.е. JQuery - это прогресс, или ты здесь тоже ты не согласен? Я уже сказал, чтьо не вижу смысла спорить.

Я предлагаю ТС делать на JQuery+Ajax.

Да куда ва всех заносит????? Я знаю что такое JS и что JQuery библиотека? я что сказал обратное? где?

Спустя 5 минут, 6 секунд (9.05.2011 - 20:44) Joker написал(а):

Цитата (Игорь_Vasinsky @ 9.05.2011 - 22:39)

Добавлю - наличие фрейморка, в т.е. JQuery - это прогресс, или ты здесь тоже ты не согласен? Я уже сказал, чтьо не вижу смысла спорить.

Какой это прогресс если человек не знает базиса, нечего хорошего не сделает человек который не знает основ, и не имеет под ногами теоретической основы.

Цитата (Игорь_Vasinsky @ 9.05.2011 - 22:39)

Да куда ва всех заносит????? Я знаю что такое JS и что JQuery библиотека? я что сказал обратное? где?

Ты предложил 3 варианта, а он тут 1 это ajax а вот как ajax использовать это уже подпункты либо на чисто JS либо с использованием jQuery

Спустя 1 минута, 37 секунд Joker написал(а):

L4Ss
Сделай чтоб твой движок когда ему приходит запрос из ajax разбивал страницу на части и возращал обратно json после с помощью js встовляй нужные части в нужные места.

Спустя 5 минут, 16 секунд (9.05.2011 - 20:49) Игорь_Vasinsky написал(а):

Смотри простой пример:

1. есть в середине DIV
2. есть блок ссылками, у каждого линка привязан обработчик
- допустим на ссылке главная:
<a href='#' id='index'>Главная</a>
<a href='#' id='about'>О нас</a>
<a href='#' id='contacts'>Главная</a>

если текста на страницах не много, то допустим 3 страницы:
3 страницы = 2 скрытых DIV, один видим по умолчанию

при клики на тот или иной линк - меняешь свойство CSS display того или иного дива с none -> block и наоборот, взависимости какой линк нажат

Если на PHP то Switsh -> Case тебе в помощь.

Joker
Гениально предлогать такую реализацию, цчитывая что JS у ТС ноль

Цитата

Сделай чтоб твой движок когда ему приходит запрос из ajax разбивал страницу на части и возращал обратно json после с помощью js встовляй нужные части в нужные места.

Цитата

Ты предложил 3 варианта, а он тут 1 это ajax

Что то я пропустил, где ТС указал, что страница не должна перегружаться?

Спустя 1 минута, 4 секунды (9.05.2011 - 20:50) Guest написал(а):

Цитата

меня переубеждать не нужно

не переубеждал, сказал что бред.Сам завёл тему вот и получай ответ

Основа ответа это помочь, а разве помощь давать готовый код ? напишет на js сам значит опыту наберётся и дурацких вопросов в отличие от юзанья jq незная js.

Спустя 2 минуты, 36 секунд (9.05.2011 - 20:53) Игорь_Vasinsky написал(а):

Joker

Цитата

Да я не утверждал что это прогресс в обучении, я имел ввиду само использование, или это так всё усугубило, что все злы на JQ и не хотят и не будут его использовать для решения своих задач??? помоему наоборот.

Гость, авторизируйся, я не вижу с кем говорю

Спустя 5 минут, 38 секунд (9.05.2011 - 20:58) Gradus написал(а):

Цитата

Гость, авторизируйся,

опачки

Спустя 1 минута, 15 секунд (9.05.2011 - 21:00) Игорь_Vasinsky написал(а):

а.. да вижу в названии тему. значит Ajax.

Gradus

твой ник мне не о чём не говорит.

Спустя 5 минут, 56 секунд (9.05.2011 - 21:06) Gradus написал(а):

Игорь_Vasinsky, а должен был ?) Я вроде не президент, но можно конешно называть просто царь

Спустя 3 минуты, 49 секунд (9.05.2011 - 21:09) Игорь_Vasinsky написал(а):

Gradus
Я тя назову

. Я имел ввиду - есть люди на форуме - с которыми даже спорить не стану, так как знаю, что в начале разговора они могут участвовать для поддержания беседы - а потом - оппа - и ряд существенных аргументов.

Поэтому вместо спора предпочту - спросить о этих аргументах, если таковые есть, просто чтоб не тратить не своё, ни чужое время.

Спустя 1 час, 42 минуты, 24 секунды (9.05.2011 - 22:52) Joker написал(а):

Цитата (Игорь_Vasinsky @ 9.05.2011 - 22:49)

если текста на страницах не много, то допустим 3 страницы:
3 страницы = 2 скрытых DIV, один видим по умолчанию

при клики на тот или иной линк - меняешь свойство CSS display того или иного дива с none -> block и наоборот, взависимости какой линк нажат

В итоге убивают нафиг всю индексацию, а также людям у которых js вобще отлючон посылаем, хороший совет не спорю.

Спустя 30 минут, 20 секунд (9.05.2011 - 23:22) Игорь_Vasinsky написал(а):

да. с точки зрения сео это плохо.

а что аякс будет работать без жс????? тоже не будет. так что либо-либо. тс на усмотрение.

Joker
Гоняться не за моими постами нужно, бабочки напримерв этом смысле - доставят больше удовольствие.

Ты же в группе экспертов. Все карты в руки. А вступать в обсуждение - только для спора - это наверно не то, для чего люди здесь пытаются узнать

Быстрый ответ:

Здесь расположена полная версия этой страницы.