Регистрация    Вход    Форум    Поиск    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 голосах.


    Нравится



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


       

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

    Атрибуты и аннотации: метаданные против чистоты кода

    Атрибуты (Attributes) в языке C# - это удобный способ добавления метаданных к классу, свойству или методу.

    Wordpress – Улучшаем коммент-форму

    Плагин Comment Form Quicktags добавляет над формой кнопки для вставки тэгов, причем редактировать и переносить их можно в настройках из админской панели.

    Фракталы

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

    CSS3 – не тенями едиными

    CSS эволюциюнирует с огромной скоростью, и уже грозит приставкой в виде цифры “3?.



    •  Публикации


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

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

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

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

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

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

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

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

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

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

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

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