Регистрация    Вход    Форум    Поиск    FAQ

  •  Новости
  • Beeline + Twitter = чирикай через SMS!

    Beeline + Twitter = чирикай через SMS! На первой картинке обозначены команды, при помощи которых через SMS Вы сможете кого-либо зафолловить или же отписаться, ретвитнуть чей-либо пост или же написать личное сообщение.

    Open Graph Protocol. От создателей Facebook

    Open Graph Protocol. От создателей Facebook Разбираясь с Facebook API, случайно наткнулся на другую интересную разработку от этих людей.

    Глобальное ускорение Wordpress

    Глобальное ускорение Wordpress Не считая очевидных решений типа отключения некоторых плагинов и перехода на тему попроще, я вижу 2 пути для оптимизации: кэширование и сжатие траффика.




  •  Часы


  •  Поиск

Optimaze » Программирование » AJAX – это просто




AJAX – это просто



    Итак, представим ситуацию – есть страница, к примеру каталог, в середине которой находится блок с обновляемым контентом.

     

         <ul id="menu">

            <li id="item1"><a href="#">Товар 1</a></li>

            <li id="item2"><a href="#">Товар 2</a></li>

        </ul>

    <div id="mainContent">

      <div id="intro">

          <p>&nbsp;</p>

        <p>&nbsp;</p>

        <h3>Каталог</h3>

        <p>&nbsp;</p>

        <p id="intro">Добро пожаловать в наш каталог!<br>Выберите раздел:</p>

        </div>

        <div id="article"></div>

    </div>

    Сверху у нас меню в виде списка ссылок. Блок с идом “intro” будет показываться только при заходе на страницу. Блок “article” будет содержать обновляемую информацию. Пока он пустой.

    Итак, код jQuery:

    $(document).ready(function(){

     

    $('#article').hide();

     

            $('#menu a').click(function(){

                var id=$(this).parent().attr('id');

                $('#intro').fadeOut(500);

                $('#article').load('ajax/'+id+'.html').fadeIn(1000);

                return false;

                });

     

    });

    Сначала прячем блок “article” с помощью одноименной функции. При клике на ссылку считываем идентификатор родителя (тега li) и заставляем расствориться блок “intro” со скоростью 500 миллисекунд. Потом подгужаем нужный файл из папки ajax, имя файла такое же как идентификатор – для удобства. Ну и наконец заставляем его появиться в течении одной секунды.

    Как видите ничего сложного – справится даже начинающий.



    Рейтинг: 4.9/5, основан на 25 голосах.


    Нравится



    Вернутся назад


       

    Вам будет интересно:

    JSR 272 Early Draft Review

    Данная спецификация предусматривает создание API для J2ME устройств, с помощью которого они смогут поддерживать широковещательные сервисы, такие как цифровое телевидение.

    Создание нестандартных настроек WP-темы

    Объясню, в частности, как организовать загрузку файла юзера, с последующим использованием его в теме.

    Улучшаем блог с помощью jQuery

    Считайте это третьей частью “симбиоза jQuery и WordPress”.

    Silverlight & Web ADF ArcGIS Server

    Если у вас есть чувство, что в достаточной мере знаете что такое CLR и прочее - не слишком обольщайтесь.



    •  Публикации


    8 методов раскрутки своего форума с нуля

    8 методов раскрутки своего форума с нуля Итак, у вас имеется свой собственный форум, но его никто не посещает? Мы готовы помочь вам справиться с этой нелегкой проблемой.

    Как привлекать посетителей на проект

    Как привлекать посетителей на проект Данная статья в основном рассчитана на тех, кто самостоятельно занимается продвижением своего проекта.

    Про MySQL, серверы и PayPal

    Про MySQL, серверы и PayPal Проклял все настройки кодировок, проклял DirectAdmin и еле-еле нашел то место где располагается и задается общий пароль для ...

    Реклама в Твиттере. Как подать свой продукт

    Реклама в Твиттере. Как подать свой продукт Твиттер уже давно стал из нового web 2. 0 сервиса рекламной площадкой с огромным количеством потенциальных пользователей ...

    Пока блог на локалхосте

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

    Авторитет блоггера притягивает

    Авторитет блоггера притягивает Долго не знал с чего начать данную статью. Статья что-то типа мыслей вслух и философии.