Рейтинг для новостей на ajax+php+mysql

Ajax лайки и дизлайки для записейВ прошлой статье я показывал как можно сделать лайки и дизлаки для новостей. Тема использования ajax весьма актуальна, и поэтому я решил написать еще одну статью о применении ajax.
В этой статье приведен пример создания рейтинга для новостей. Пользователь сможет оценивать запись по шкале от 1 до 5.
Для работы скрипта создадим базу данных с тремя таблицами — пользователи, новости и связь пользователя с голосом. Последняя таблица нужна для того, чтобы делать ограничение по голосования — один пользователь может проголосовать только один раз за статью. Чтобы создать таблицы и наполнить их тестовыми данными можно воспользоваться патчем:
Читать далее «Рейтинг для новостей на ajax+php+mysql»

Ajax лайки/дизлайки для записей

Ajax лайки и дизлайки для записейВ этой статье я приведу пример создания лайков и дизлайков для новостей. Голосование будет работать без перезагрузки страницы, за счет использования технологии передачи данных на сервер — ajax. Для работы примера необходимо подключить библиотеку jQuery. Начнем.
Для начала создадим таблицы в базе данных. Их будет три. Одна для хранения тестовых новостей, вторая для тестовых пользователей и третья для связи пользователей с голосами.
Читать далее «Ajax лайки/дизлайки для записей»

Ajax-форма. Пример формы с валидацией полей на стороне сервера

Ajax-форма. Пример формы с валидацией полей на стороне сервераВ этой статье я хочу показать пример работы с ajax. В качестве примера рассмотрим обычную форма с четырьмя полями — имя, e-mail, пароль и подтверждение пароля. После заполнения полей, с помощью ajax`a отправим данные на сервер и проверим их на корректность: чтобы поля были обязательно заполнены, а также поля с паролем и подтверждением пароля имели одинаковые значения.
Для работы формы необходимо подключить библиотеку jQuery. Приступим к написанию формы. Для начала составим html форму и напишем пару стилей для нее:
Читать далее «Ajax-форма. Пример формы с валидацией полей на стороне сервера»

Как перебрать все дочернии элементы на javascript

В этой статье я приведу пример, того как можно перебрать все дочернии элементы и получить их значения.
Для работы скрипта необходимо подключить библиотеку jQuery.
Рассмотрим такой пример: необходимо получить значения дочерних элементов, которые находятся в двух блоках с одинаковым id, и записать значения в массив.
Читать далее «Как перебрать все дочернии элементы на javascript»

Снежинки на сайт на javascript

Снежинки на сайт на javascriptСегодня на одном из сайтов заметил «снегопад». На страницах сайта подали снежинки. Мне это очень понравились и подняло настроение. И я решил сделать что-то подобное и себе на блог. Искать готовое решение я не стал, захотелось самому написать. Единственное что я поискал в сети — это цвета снежинок :). Что получилось вы можете посмотреть на блоге, а также в этой статье я хочу выложить исходники «снегопада», может быть кому-то еще пригодится этот код.
Читать далее «Снежинки на сайт на javascript»

Кроссбраузерное получение выделенного текста javascript

Кроссбраузерное получение выделенного текста javascriptФункция для кроссбраузерного получения выделенного текста на javascript с использование библиотеки jquery.
Сегодня на одном из сайтов наткнулся на интересный функционал — при выделении текста и нажатии комбинации клавиш Ctrl + Enter владельцу сайта отправляется выделенный текст. Сделано это с целью минимизировать количество ошибок в текстах. Мне стало интересно как это работает и я решил написать часть функционала — получение выделенного текста при нажатии Ctrl + Enter.
Читать далее «Кроссбраузерное получение выделенного текста javascript»

Кнопка «наверх» для сайта как в ВКонтакте

Кнопка наверх для сайта как в ВКонтактеНебольшая статья о том, как можно быстро сделать кнопку «наверх» для своего сайта. Кнопка будет выглядеть почти как ВКонтакте.
Тут все просто, для разработки нам потребуется библиотека jquery. Начнем. Читать далее «Кнопка «наверх» для сайта как в ВКонтакте»

Поворот элементов в Internet Explorer 7 и 8

Сегодня столкнулся с проблемой, связанной с горяче любимыми браузерами, Internet Explorer 7 и 8. Было необходимо в java script задавать повороты для блоков.
Погуглив я узнал, что в Internet Explorer можно задавать фильтры(фильтры задаются в стилях) для отображения элементов на страницы. С помощью этих фильтров можно указывать прозрачность, положение, угол поворота и многое другое для отображения элементов.
Читать далее «Поворот элементов в Internet Explorer 7 и 8»

Как написать свое API

В этой статье я хочу рассказать о том, как можно написать api для своего сервиса. Сделаем сервис по проверки корректности e-mail адреса. То есть, мы будем вызывать нашу api функцию, передавать ей параметр, в данном случае e-mail, а в ответ api должно вернуть результат проверки или код ошибки.
Читать далее «Как написать свое API»

Он-лайн чат

Сегодня статья о создании чата.
Я до сегодняшнего дня ни разу не пробовал делать подобные вещи и поэтому это чистая импровизация, поэтому могут быть баги(если будут попадаться в процессе использования этого чата, я буду добавлять их описание в эту статью).
Смысл работы чата, прост: пишем текст, отправляем его ajax запросом на обработку на сервер и записываем в базу данных. А также каждые 1-3 секунды отсылаем запрос на сервер и проверяем были ли добавлены новые сообщения, если были то выводим их в чате.
Читать далее «Он-лайн чат»