Reg.ru: домены и хостинг

Крупнейший регистратор и хостинг-провайдер в России.

Более 2 миллионов доменных имен на обслуживании.

Продвижение, почта для домена, решения для бизнеса.

Более 700 тыс. клиентов по всему миру уже сделали свой выбор.

Перейти на сайт->

Бесплатный Курс "Основы работы с фреймворком CakePHP"

Хотите научиться создавать сайты любой сложности быстро?

Познакомьтесь ближе с одним из замечательных фреймворков - CakePHP.

Узнайте о его преимуществах, освойте основные функции и начните применять CakePHP на практике!

Получить в подарок->

Бесплатный Курс "Рисование дизайна сайта с нуля"

Обучающая система для полных новичков в дизайне.

Вы научитесь создавать дизайн любых сайтов - для себя и на заказ.

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

Получить в подарок->

Бесплатный тренинг "PHP для Создания Сайтов: Введение"

Что нужно знать для создания PHP-сайтов?

Ответ здесь. Только самое важное и полезное для начинающего веб-разработчика.

Узнайте, как создавать качественные сайты на PHP всего за 2 часа и 27 минут!

Записаться бесплатно->

Бесплатный курс "Сайт-Визитка За 15 уроков"

Создайте свой сайт за 3 часа и 30 минут.

После просмотра данного видеокурса у Вас на компьютере будет готовый к использованию сайт, который Вы сделали сами.

Вам останется лишь наполнить его нужной информацией и изменить дизайн (по желанию).

Получить в подарок->

Бесплатный курс "Основы HTML и CSS"

Изучите основы HTML и CSS менее чем за 4 часа.

После просмотра данного видеокурса Вы перестанете с ужасом смотреть на HTML-код и будете понимать, как он работает.

Вы сможете создать свои первые HTML-страницы и придать им нужный вид с помощью CSS.

Получить в подарок->

Бесплатный курс "Сайт на WordPress"

Хотите освоить CMS WordPress?

Получите уроки по дизайну и верстке сайта на WordPress.

Научитесь работать с темами и нарезать макет.

Бесплатный видеокурс по рисованию дизайна сайта, его верстке и установке на CMS WordPress!

Получить в подарок->

Бесплатный курс "Основы работы с JavaScript"

Хотите изучить JavaScript, но не знаете, как подступиться?

После прохождения видеокурса Вы освоите базовые моменты работы с JavaScript.

Развеются мифы о сложности работы с этим языком, и Вы будете готовы изучать JavaScript на более серьезном уровне.

Получить в подарок->

Воспламенитель Кода: Сайт-Визитка на CodeIgniter

Курс предназначен для тех, кто знает основы HTML и CSS.

Изучив его, Вы сможете разрабатывать гибкие и функциональные Сайты-Визитки с панелью администратора.

Все, что нужно для разработки Сайта-Визитки: от шаблона и до переноса на хостинг.

Подробнее->

JavaScript и jQuery с нуля

Курс предназначен для тех, кто хочет повысить интерактивность и удобство своего сайта для посетителей.

Изучив его, Вы сможете создавать более красивые и функциональные сайты.

104 видеоурока: от основ JavaScript до готовых решений на jQuery.

Подробнее->

Повелитель PHP: кратчайший путь к мастерству без толстых учебников.

Курс предназначен для тех, кто хочет освоить язык PHP и свободно с ним работать.

Изучив его, Вы сможете при разработке сайтов решать любые задачи, требующие знаний PHP.

Подробнее->

*Наведите курсор мыши для приостановки прокрутки.


Скрипт опроса на PHP и MySQL с использованием Ajax и админкой

Размер: 56,3 Мб.

Длительность: 23 мин. 33 сек.

Скачать видеоурок + исходники

В этом видеоуроке мы с вами рассмотрим установку на сайт опроса "Smart PHP Poll".

Он использует базу данных и технологию Ajax для отображения результатов голосования без перезагрузки страницы.

Данный опрос легко интегрируется в любую страницу сайта и обладает гибко настраиваемым внешним видом.

Управление опросами осуществляется через удобную админ-панель. Оттуда вы можете создавать, редактировать и удалять опросы, смотреть статистику и настраивать их внешний вид на сайте.

Исходный скрипт был мной немного доработан, в частности исправлены проблемы с кодировками и произведена локализация интерфейса.

Вы можете просмотреть этот урок прямо сейчас, либо скачать его себе на компьютер по ссылке выше.

Под видео вы найдете сокращенную текстовую версию для этого видеоурока.


Хостинг


Краткий обзор урока (все подробности смотрите в видео):

Будем действовать по небольшому плану, который вы найдете чуть ниже. Итак, начинаем:

Подготовительный этап - создаем на локальном компьютере хост, с которым будем работать. Если вы хотите работать сразу с "живым" сервером - то пожалуйста, данный этап можете пропустить.

1. Указываем в файле conf.php данные для подключения к базе данных

- Хост: localhost (обычно)

- Имя базы данных: smartphppoll (создадим ее чуть позже)

- Пользователь, подключающийся к базе данных: root (по умолчанию; в вашем случае указывайте нужного пользователя)

- Пароль для подключения к базе данных: '' (отсутствует по умолчанию для пользователя root; в вашем случае указывайте нужный пароль)


<?php
// Хост (обычно localhost)
$db_host = "localhost";

// Имя базы данных
$db_name = "smartphppoll";

// Логин для подключения к базе данных
$database_user = "root";

// Пароль для подключения к базе данных
$database_pass = "";

2. Загружаем файлы на сервер

Берем папку с дополнительными материалами и закачиваем содержимое папки smart_php_poll на сервер.

Вдобавок к этому, закидываем в ту же папку файл poll.php (страница, в которую мы будем интегрировать опрос), файл .htaccess (для изменения кодировки веб-сервера в Денвере на UTF-8) и папку styles (в ней лежат стили для страницы poll.php).

3. Создаем в phpmyadmin базу данных с именем smartphppoll

При создании базы выставляем везде кодировку utf8_unicode_ci.



4. Выполняем со вкладки SQL запрос из приложенного SQL-файла (или импортируем его через вкладку import)

Из папки с дополнительными материалами берем файл base.sql, копируем все его содержимое и вставляем в специальное поле для выполнения SQL-запроса к базе smartphppoll.



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

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

6. Обращаемся к файлу admin.php через браузер и логинимся (логин по умолчанию: admin, пароль по умолчанию: password)



7. Создаем новый опрос в админ-панели и получаем его ID.



На первом шаге нам надо указать название опроса и количество вариантов ответа. На следующем шаге нужно указать эти самые варианты ответа.

После завершения создания запроса вы получите соответствующее сообщение и ID созданного опроса:



8. Используем ID опроса для его вывода на страницу

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


<script type="text/javascript" src="ajax.js"></script>
<div id="text"></div>
<script type="text/javascript">
getpoll('ID_опроса');
</script>

Вместо ID_опроса нужно подставить числовой идентификатор опроса, который вы хотите вывести на экран.

Хостинг

Примечание: данный код будет работать в том случае, если страница с опросом находится на том же уровне, что и сам опрос.

Если страница с опросом находится вне папки с опросом, то нужно указать полный путь до файла ajax.js и также поменять пути на полные в самом файле ajax.js.

9. И еще напоследок один момент

Если вы хотите, чтобы опрос появлялся плавно и после голосования результаты появлялись с эффектом, то можно сделать так:

- кладем в папку js библиотеку jquery (в доп. материалах она уже находится там);
- в файле с опросом подключаем эту библиотеку наряду с файлом ajax.js;
- теперь в файле ajax.js в функции handleResponse мы можем закомментировать или удалить строку:


document.getElementById("text").innerHTML = response;

и вместо нее написать, например, так:


$('#text').hide().fadeIn(1500).html(response);

Так мы сначала мгновенно скрываем блок с опросом, а затем заставляем его медленно появиться за полторы секунды. Вместо hide и fadeIn вы можете использовать другие функции jQuery аналогичного назначения.

Все. На этом установку скрипта опроса можно считать завершенной. Теперь в вашем распоряжении скрипт, который позволяет создавать, редактировать и удалять опросы, изменять их внешний вид и смотреть статистику из админки.

При желании вы можете его немного доработать под свои нужды, модифицировав файлы скрипта.

Если краткий обзор вам не до конца понятен, то изучите полную версию урока в видеоформате на этой странице выше.

Удачи вам и успехов!

Дмитрий Науменко.

P.S. Присмотритесь к премиум-урокам по различным аспектам сайтостроения, включая PHP, JavaScript, jQuery и Ajax, а также к бесплатному курсу по созданию своей CMS-системы на PHP с нуля. Все это поможет вам быстрее и проще освоить практические навыки веб-программирования:

Понравился материал и хотите отблагодарить?
Просто поделитесь с друзьями и коллегами!


Смотрите также:

PHP: Получение информации об объекте или классе, методах, свойствах и наследовании

PHP: Получение информации об объекте или классе, методах, свойствах и наследовании

CodeIgniter: жив или мертв?

CodeIgniter: жив или мертв?

Функции обратного вызова, анонимные функции и механизм замыканий

Функции обратного вызова, анонимные функции и механизм замыканий

Применение функции к каждому элементу массива

Применение функции к каждому элементу массива

Слияние массивов. Преобразование массива в строку

Слияние массивов. Преобразование массива в строку

Деструктор и копирование объектов с помощью метода __clone()

Деструктор и копирование объектов с помощью метода __clone()

Эволюция веб-разработчика или Почему фреймворк - это хорошо?

Эволюция веб-разработчика или Почему фреймворк - это хорошо?

Магические методы в PHP или методы-перехватчики (сеттеры, геттеры и др.)

Магические методы в PHP или методы-перехватчики (сеттеры, геттеры и др.)

PHP: Удаление элементов массива

PHP: Удаление элементов массива

Ключевое слово final (завершенные классы и методы в PHP)

Ключевое слово final (завершенные классы и методы в PHP)

50 классных сервисов, программ и сайтов для веб-разработчиков

50 классных сервисов, программ и сайтов для веб-разработчиков

Наверх