Загрузка контента на страницу

@anvasar · Регистрация: 01.10.2014

Студворк — интернет-сервис помощи студентам

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

Возникла вот такая ситуация.
Имеем страницы - page1.html, page2.html и content1,2,3...n.html
Задача - на page1 размещены ссылки при клике на которые должна открываться page2 и в нее подгружаться content1,2,3...n в зависимости от того, какую ссылку кликнули на page1.

Например, на page1 есть ссылка content1. При клике на эту ссылку должна открываться page2 и в нее подгружаться содержание content1.html
При клике на ссылку "content2" на странице page1, открывается page2 и в нее подгружается содержимое страницы content2.html
Ну и так далее.

Либо при клике на ссылку на page1 открывается page2 и показывается какая-то определенная часть кода страницы page2, определяема по id.

Сейчас для подгрузки контента на текущую страницу при клике на определенную ссылку использовал следующий код

Кликните здесь для просмотра всего текста

И часть кода для вывода нужного контента
<div class="page-content-container" id="contentBody"></div>

Но повторюсь, это для одной текущей страницы.
Можно ли как-то организовать вариант описанный выше.

И надеюсь я все понятно описал.

Заранее всем спасибо за ответы.

@Thisman · 02.10.2014, 20:43

anvasar, если вы хотите, что бы на странице page2 информация отображалась в зависимости от ссылки, с КОТОРОЙ перешли на страницу page2, лучше использовать php и обычные ссылки с GET-запросами :

Code
1
mysite.com?c=content1

Тут с, как раз есть та самая переменная get-запроса, которая говорит, что надо отобразить content1, php на сервере выглядит примерно так

PHP
1
if(isset($_GET["c"]) && $_GET["c"] == "content1") { /* тут отображаем, то что нужно */ }

Если php вам не подвластен или нет собственного локального сервера, можно проверять на JS строку запрос:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
var content = (function (l) {
     // Тут через регулярку можно достать из url именно get-запросы
     var query = location.href.replace(/.*\?/,"");
 
     /* Теперь query - есть строка, которую можно разбить на массив, через метод split("&");
         получим массив, строка, вида q=v
         q= переменная запроса
         v=значение
     */
 
     /*Тут уже делаем, то что хотим с ними */
})(location)

@anvasar · 03.10.2014, 09:16 **[ТС]**

Огромное спасибо за ответ!
PHP мне подойдет, но, как вы правильно заметили, PHP мне неподвластен. Равно как и JS. Когда я вижу код, я в общем-то понимаю что там да как, но сам такое написать не могу. Поэтому вот о чем хотел вас попросить - не могли бы вы написать немного детальнее (используя названия - page1, page2, content1,2,3...) как будет выглядеть код PHP?
С форматом ссылки все понятно, а вот с тем куда нужно вставлять код, его вид и содержание... увы...
Еще раз спасибо за ответ!

@justprolol · 03.10.2014, 15:59

page1.html содержит ссылки

HTML5
1
2
3
<a href="/page2.php?content=content1">Content 1</a>
<a href="/page2.php?content=content2">Content 2</a>
<a href="/page2.php?content=content3">Content 3</a>

page2.php выглядит так:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
if (isset($_GET["content"])) { //Простая проверка существования переменной
    $content = $_GET["content"]; //Присваиваем переменную, принятую со страницы для компактности.
    if ($content = "content1")
    {
     echo "Тут будет выведен контент 1"; //Вставляем нужный код
           };
    if ($content = "content2")
    {
    echo "Тут будет выведен контент 2"; //Вставляем нужный код
           };
    if ($content = "content3")
    {
    echo "Тут будет выведен контент 3"; //Вставляем нужный код
           };
};

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

Сообщение от anvasar

PHP мне подойдет, но, как вы правильно заметили, PHP мне неподвластен.

.

Добавлено через 6 минут

@Thisman · 03.10.2014, 16:54

Сообщение от justprolol

PHP
1
if ($content = "content1")

только у вас тут не сравнение, а присвоение идет, поэтому всегда будет срабатывать первое условие. Нужно == ( два тире )

@anvasar · 03.10.2014, 19:42 **[ТС]**

justprolol, огромное спасибо!

Thisman, спасибо за важное уточнение.

Все работает так как нужно.

@justprolol · 03.10.2014, 20:58

Да, извиняюсь, спать надо больше...

@anvasar · 03.10.2014, 21:07 **[ТС]**

justprolol,

Это самый простенький и не особо красивый пример.

А чем он некрасив?
И как все таки

Можно переписать по красивее

?

@Thisman · 03.10.2014, 21:26

anvasar, сделать через switch или вообще, просто напросто отправлять запрос в бд, по поиску контента. Что нить такое. То есть искать в бд строку, где заголовок равен $content

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@anvasar 0 / 0 / 0 Регистрация: 01.10.2014 Сообщений: 4

	Загрузка контента на страницу 01.10.2014, 20:55. Показов 1757. Ответов 8 Метки нет (Все метки) Доброго всем времени суток! Сразу оговорюсь, что во всех премудростях кодирования я не силен. Занимаюсь этим для себя в виде хобби. Для сайтов использую необходимые мне готовые скрипты. Возникла вот такая ситуация. Имеем страницы - page1.html, page2.html и content1,2,3...n.html Задача - на page1 размещены ссылки при клике на которые должна открываться page2 и в нее подгружаться content1,2,3...n в зависимости от того, какую ссылку кликнули на page1. Например, на page1 есть ссылка content1. При клике на эту ссылку должна открываться page2 и в нее подгружаться содержание content1.html При клике на ссылку "content2" на странице page1, открывается page2 и в нее подгружается содержимое страницы content2.html Ну и так далее. Либо при клике на ссылку на page1 открывается page2 и показывается какая-то определенная часть кода страницы page2, определяема по id. Сейчас для подгрузки контента на текущую страницу при клике на определенную ссылку использовал следующий код Кликните здесь для просмотра всего текста 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; } } } } И часть кода для вывода нужного контента <div class="page-content-container" id="contentBody"></div> Но повторюсь, это для одной текущей страницы. Можно ли как-то организовать вариант описанный выше. И надеюсь я все понятно описал. Заранее всем спасибо за ответы. 0

@anvasar 0 / 0 / 0 Регистрация: 01.10.2014 Сообщений: 4
	03.10.2014, 09:16 [ТС]
	Огромное спасибо за ответ! PHP мне подойдет, но, как вы правильно заметили, PHP мне неподвластен. Равно как и JS. Когда я вижу код, я в общем-то понимаю что там да как, но сам такое написать не могу. Поэтому вот о чем хотел вас попросить - не могли бы вы написать немного детальнее (используя названия - page1, page2, content1,2,3...) как будет выглядеть код PHP? С форматом ссылки все понятно, а вот с тем куда нужно вставлять код, его вид и содержание... увы... Еще раз спасибо за ответ! 0

@anvasar 0 / 0 / 0 Регистрация: 01.10.2014 Сообщений: 4
	03.10.2014, 19:42 [ТС]
	justprolol, огромное спасибо! Thisman, спасибо за важное уточнение. Все работает так как нужно. 0

@justprolol 12 / 12 / 12 Регистрация: 01.07.2014 Сообщений: 106
	03.10.2014, 20:58
	Да, извиняюсь, спать надо больше... 0

@Thisman Модератор 771 / 352 / 142 Регистрация: 17.07.2013 Сообщений: 992
	03.10.2014, 21:26
	anvasar, сделать через switch или вообще, просто напросто отправлять запрос в бд, по поиску контента. Что нить такое. То есть искать в бд строку, где заголовок равен $content 0