Показано с 1 по 5 из 5
Древовидный режим
-
25.05.2009, 02:12 #4Пришел за помощью
- Регистрация
- 06.05.2009
- Сообщений
- 2
- Сказал(а) спасибо
- 1
- Поблагодарили 0 раз(а) в 0 сообщениях
Re: Что такое Ajax - полезная статья для начинающих
// Вот эта часть кода отвечает за подгрузку в ифрэйм без перегрузки страницы нужный нам контентВот часть кода работающая без перегрузки страницы с реального сайта.
<html>
<head>
<script>
//Функции для смены картинки пункта меню
Скрытый текст
</script>
// Далее идет почти стандартный html код
</head>
<body>
//Далее идет код описывающий в слоях мое меню для изменения внешнего вида менюшки (смена картинки и текста)
Скрытый текст
// Далее собственно меню
Скрытый текст
// Вот эта часть кода должна присутствовать обязательно, это собственно iframe в который все и подгружается
<iframe name=z id=z width=0 height=0 frameborder=0 src=action.php?id=1></iframe>
// его наличие так же как и наличие функции которая получает это из файла обязательно. Прошу прощения что привел не полный код страницы, просто ее размер довольно-таки велик.
onClick="document.getElementById('z').src='news.ph p?id=1';"
//
Сама страница (код которой приведен выше) рзделена невидимой таблицей в пропорциональном отношении и часть в которую выводится контент в центре, убрал часть кода для уменьшения размера и большей наглядности.
В данном случае из файла новостей выбирается по ид первая новость, если мне необходимо из файла выбрать другую новость то я просто меняю номер ид. В файле можно хранить неограниченное количество наших страниц, по которым можно делать выборку. это не принципиально, для удобства редактирования (если вы не делаете админку) проще делать каждый пункт меню в отдельном файле, просто подставляя нужное имя файла. В данном случае файл содержащий контент должен иметь специальный формат, который немного усложняет редактирование такого контента, но эту проблему очень просто решить.
Приведу часть файла из которого выбирается информация:
Наличие<?
if($id==50)
{
echo '<script>parent.f("<i><font style=font-family:georgia,verdana,arial,sans-serif;font-size:16;color:#222bbb;text-align:center;><center>';
$d=opendir("images/fotosessii/");
$files=array();
while($f=readdir($d))if($f!='.'&&$f!='..')$files[]=$f;
$c=count($files);
echo '<center><b>Выберите проект для детального просмотра...</b></center><br>';
for($i=0;$i<$c;$i++)
{
echo '<a href=show.php?id=show&dir='.$files[$i].' target=z><img src=images/fotosessii/'.$files[$i].'/pr/001.jpg></a><br>';
}
echo '</center>");</script>';
}
?>
Есть одно ограничение, переносов строк не должно быть (перевод строки по энтеру) для переноса строки принудительного нужно использовать хтмл код (форматирование текста)if($id==50) echo '<script>parent.f(" Ваш текст с хтмл кодом вставками картинок ссылок и т.д. ");</script>';
if($id==51) echo '<script>parent.f(" Ваш второй текст");</script>';
Это можно обойти, если сделать с инклудить с помошью рнр другую страницу, даже если в ней будет перевод строки то это не вызовет сбоя в работе скриптов
Добавлено через 11 минут 17 секунд
Приемущества такого подхода есть, во первых не приходится каждый раз грузить меню вместе со всеми грузовыми картинками, опятьже если у вас на сайте играет музыка пусть даже потоковая, при выборе любого пункта меню музыка продолжить играть как играла но загрузится необходимая страница. С музыкой у меня реализовано было на этом сайте.
Второй плюс, сайт грузится (по крайней мере в нашей республике намного быстрее и работает быстрее) на медленном интернете, и опятьже экономится трафик.
Как описывал создатель темы, это дает много возможностей программисту, которые при желании можно реализовать.Последний раз редактировалось GhostAnton; 25.05.2009 в 02:12. Причина: Добавлено сообщение
Ответить с цитированием
Ваши права
- Вы не можете создавать новые темы
- Вы не можете отвечать в темах
- Вы не можете прикреплять вложения
- Вы не можете редактировать свои сообщения
Социальные закладки