Печать

Добавь функциональности своему сайту: PHP в связке с jQuery

В заметке я поделюсь с вами несколькими решениями, которые помогут автоматизировать ваш сайт с помощью одновременного использования PHP и jQuery. В заметке представлены: формы регистрации/авторизации, автоматизированные jQuery галереи, ajax-чат, система комментирования, эффектная корзина заказов и многое другое. Скачивайте, экспериментируйте, наслаждайтесь результатом.

Внимание: все ссылки с демонстрацией скриптов откроются в новом окне, ссылки для скачивания исходников —  прямые.

1. Страница-заглушка «Сайт в разработке»

Страница "Сайт в разработке"

На странице реализована возможность отправить е-мейл адрес,  который записывается в базу данных и на который можно будет выслать уведомление об открытии сайта. Также страница украшена небольшим слайд-шоу, реализованном на базе jQuery плагина Nivo Slider v. 2.3.

2. Отличный ajax-чат с применением jQuery и CSS3

Ajax-чат

Перед тем как начать общение посетитель должен ввести свой ник и e-mail. В правой колонке показано, сколько человек авторизованы в чате. Используемые технологии: PHP, MySQL, jQuery, CSS.

3. Выезжающая PHP форма обратной связи

Форма обратной связи

Подобное решение можно использовать для того, чтобы дать посетителю возможность быстро связаться с владельцем сайта с любой страницы.

4. Реализация страницы «Предложить по проекту»

Предложения по сайту

Посетители могут добавить новое предложение либо проголосовать за уже существующее. Отличное решение для тех, кто хочет узнать мнение своей аудитории о сайте. Также эту страницу можно использовать чтобы накопить новые идеи для дальнейшего развития вашего проекта. Используемые технологии: PHP, MySQL, jQuery, CSS

5. Система Ajax комментирования

Система Ajax комментирования

Простая система комментирования на Ajax с проверкой правильности ввода информации. Комментарии хранятся в базе данных. Реализовано с использованием: PHP, MySQL, CSS, jQuery.

6. PHP форма входа с использованием jQuery и CSS3

Форма входа

Форма с проверкой правильности ввода информации.

7. Счетчик количества скачиваний файла

Количество счакек файла

При нажатии на кнопку «Download» или на ссылку для скачивания файла, счетчик автоматически увеличится на единицу. Используемые технологии: PHP, MySQL, CSS.

8. Заметки на странице с использованием PHP

Клейкие заметки

Использованные технологии: PHP, jQuery, CSS.

9. PHP форма регистрации в стиле Facebook

Форма регистрации в стиле Facebook

Симпатичная форма регистрации, реализованная с помощью CSS, PHP и jQuery.

10. Простой Ajax сайт

Простой Ajax сайт

При переходе по пунктам меню содержимое подгружается без перезагрузки страницы. Используемые технологии: PHP, jQuery, CSS.

11. Автоматизированная jQuery галерея

jQuery галерея

PHP скрипт сканирует папку, в которую вы записываете изображения, и выводит их миниатюры на странице. При нажатии на изображение увеличение происходит с известным анимированным эффектом LightBox.  Очень удобно то, что вывод изображений осуществляется автоматически, вам достаточно лишь поместить необходимое фото в папку «gallery», в которой должны хранится изображения для галереи.

12. Эффектная Ajax корзина заказов для интернет-магазина

Страница "Сайт в разработке"

При наведении курсора мыши на товар отображается его название, описание и цена. Добавление товаров в корзину производится путем перетаскивания товара на корзину. В блоке с корзиной можно изменить количество выбранного товара. Там же отображается общая стоимость и кнопка «Заказать». Используемые технологии:  PHP, MySQL, jQuery, CSS.

13. Контактная форма «Fancy AJAX Contact Form»

Контактная форма обратной связи

Симпатичная аккуратная PHP форма обратной связи с проверкой правильности ввода информации. Технологии: CSS, PHP, jQuery.

14. Потрясающий слайдер

Слайдер контента

Слайдер генерируется автоматически. Данные с названием товара, описанием, ссылкой и адресом изображения берутся из файла slider.db.txt. Используемые технологии: CSS, PHP, jQuery.

15. Система авторизации/регистрации на сайте

Система авторизации на сайте

Выезжающий блок авторизации/регистрации на сайте. Используемые технологии: PHP, MySQL, jQuery, CSS.

16. Удивительная автоматизированная CSS3 lightbox галерея

Удивительная CSS3 lightbox галерея

Скрипт сканирует папку с изображениями на вашем сервере и имеющиеся в ней фотографии отображает на странице в виде стопки фотографий. Фотографии можно перетаскивать по экрану с помощью мышки. При нажатии на изображение оно увеличивается с использованием плагина fancybox. Используемые технологии: CSS, PHP, jQuery.

17. Необычное голосование с использованием jQuery

Необычное голосование с использованием jQuery

Очень интересное решение для реализации голосования на сайте. Перетаскивая вверх и вниз блоки, схватив мышкой за изображения, можно расположить их на странице в любой последовательности. Чем выше вы оставите блок, тем лучше его оценили и, соответственно, если блок разместить в самом низу, значит, он меньше всего вам понравился. После того, как вы расставите блоки в нужной последовательности, необходимо нажать на кнопку «Submit poll», чтобы голос был учтен. На странице с результатами отображаются результаты голосования и количество проголосовавших посетителей. Используемые технологии: CSS, PHP, MySQL, jQuery.

Интересная статья? Поделись ей с другими: