Что такое Ajax - полезная статья для начинающих
X

Привет дорогой друг

Наш сайт существует и развиваетется за счет рекламы. Пожалуйста, отключите блокировку рекламы AdBlock или подобное, для нашего сайта. Спасибо!
Показано с 1 по 5 из 5

Комбинированный просмотр

  1. #1
    Пришел за помощью

    Регистрация
    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 в 03:12. Причина: Добавлено сообщение

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •