Сегодня я хочу показать, как можно с помощью javascript(с применением библиотеки jQuery), можно получить и обработать XML файл.
Получение xml-файла можно реализовать с помощью ajax`a, а после получения содержимого xml его легко можно «разобрать» средствами jQuery, теми же самыми, что используются для поиска и обращения к элементам на странице.
Читать далее «Получение данных из xml с помощью jQuery»
Рубрика: JQuery
Пример работы с checkbox. Выбрать все, отменить все и получить выбранные
В этой статейке я покажу как можно с помощью библиотеки jQuery работать с чекбоксами. А именно выбрать все, отменить все и получить номера выбранных checkbox`ов.
Для начала, давайте выведем на страницу пять чекбоксов и три кнопки — «Снять все чекбоксы», «Выбрать все чекбоксы» и «Получить номера выбранных». Html код будет выглядеть так:
Читать далее «Пример работы с checkbox. Выбрать все, отменить все и получить выбранные»
Рейтинг для новостей на ajax+php+mysql
В прошлой статье я показывал как можно сделать лайки и дизлаки для новостей. Тема использования ajax весьма актуальна, и поэтому я решил написать еще одну статью о применении ajax.
В этой статье приведен пример создания рейтинга для новостей. Пользователь сможет оценивать запись по шкале от 1 до 5.
Для работы скрипта создадим базу данных с тремя таблицами — пользователи, новости и связь пользователя с голосом. Последняя таблица нужна для того, чтобы делать ограничение по голосования — один пользователь может проголосовать только один раз за статью. Чтобы создать таблицы и наполнить их тестовыми данными можно воспользоваться патчем:
Читать далее «Рейтинг для новостей на ajax+php+mysql»
Ajax лайки/дизлайки для записей
В этой статье я приведу пример создания лайков и дизлайков для новостей. Голосование будет работать без перезагрузки страницы, за счет использования технологии передачи данных на сервер — ajax. Для работы примера необходимо подключить библиотеку jQuery. Начнем.
Для начала создадим таблицы в базе данных. Их будет три. Одна для хранения тестовых новостей, вторая для тестовых пользователей и третья для связи пользователей с голосами.
Читать далее «Ajax лайки/дизлайки для записей»
Ajax-форма. Пример формы с валидацией полей на стороне сервера
В этой статье я хочу показать пример работы с ajax. В качестве примера рассмотрим обычную форма с четырьмя полями — имя, e-mail, пароль и подтверждение пароля. После заполнения полей, с помощью ajax`a отправим данные на сервер и проверим их на корректность: чтобы поля были обязательно заполнены, а также поля с паролем и подтверждением пароля имели одинаковые значения.
Для работы формы необходимо подключить библиотеку jQuery. Приступим к написанию формы. Для начала составим html форму и напишем пару стилей для нее:
Читать далее «Ajax-форма. Пример формы с валидацией полей на стороне сервера»
Как перебрать все дочернии элементы на javascript
В этой статье я приведу пример, того как можно перебрать все дочернии элементы и получить их значения.
Для работы скрипта необходимо подключить библиотеку jQuery.
Рассмотрим такой пример: необходимо получить значения дочерних элементов, которые находятся в двух блоках с одинаковым id, и записать значения в массив.
Читать далее «Как перебрать все дочернии элементы на 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»