Блог в помощь

Библиотека Chili – плагин к jQuery предназначен для подсветки кода.
Список поддерживаемых языков: C++, C#, CSS, Delphi, Java, JavaScript, LotusScript, MySQL, PHP, XHTML.

Скачать плагин Chili можно здесь.

Установка:
1. Загрузите и распакуйте библиотеку на сервере, например в /js/chili.
2. В заголовок страницы добавьте следующий код:

<script src="/js/chili/jquery.js" type="text/javascript"></script>
<script src="/js/chili/jquery.chili-2.2.js" type="text/javaScript"></script>
<script type="text/javascript">
    ChiliBook.recipeFolder = "/js/chili/";
</script>

Читать полностью…

CSS, jQuery CSS, jQuery

В данной статье рассматривается реализация Ajax-пагинации в фреймворке CodeIgniter с использованием JavaScript-библиотеки jQuery.

Для начала сделаем обычную пагинацию, а потом разберемся как реализовать  пагинацию без перезагрузки всей веб-страницы.
Здесь работающий пример: ajax-пагинация

У нас есть список автомобилей, который хранится в базе данных в таблице ex_cars:

1. Таблица в БД ex_cars (id, name, year, price)

Нам нужно вывести этот список на веб-страницу. Но поскольку база данных будет пополняться новыми автомобилями, то необходимо отображать фиксированное число записей и номера страниц в виде ссылок. Кликая по которым, мы сможем  просмотреть все необходимые нам данные. Проще говоря, нам надо прикрутить пагинацию к выводимому списку автомобилей. Читать полностью…

CodeIgniter $.load, Ajax, CodeIgniter, jQuery, model, pagination

В первой части статьи мы разобрались с исходными данными и сформулировали задачи, которые необходимо выполнить для реализации ajax-фильтрации.

1. Добавить select со списком годов и пунктом «Все».

2. Написать на jQuery обработчик на изменение года в данном select.

3. В данном обработчике получить год, который был выбран и отправить ajax-запрос на сервер с параметром «год выпуска».

4. В контроллере Ajax написать метод, который будет обрабатывать наш ajax-запрос.

Напоминаю ссылку на готовый пример: Ajax-фильтрация

Первые три пункта мы реализуем в отображении cars.php

1. Добавляем select:

Год: <select id="year">
   <option value="all">Все</option>
   <option value="2009">2009</option>
   <option value="2010">2010</option>
</select>

Читать полностью…

CodeIgniter, jQuery $.load, Ajax, CodeIgniter, jQuery, ready

В данной статье рассмотрим один из вариантов использования технологии Ajax в фреймворке CodeIgniter.

Допустим,  у нас уже выводится таблица с информацией об автомобилях. Наша задача – сделать ajax-фильтрацию, например, по году выпуска автомобиля.

Вот ссылка на рабочий пример: Ajax-фильтрация

Итак, у нас есть:

1. Таблица в БД ex_cars:

Читать полностью…

CodeIgniter Ajax, CodeIgniter, jQuery