В js существует стандартная функция скрытия и раскрытия блоков на странице
hide — скрытие
show — раскрытие

Стандартная библиотека jquery-1.*.min.js помогает выполнить на странице скрытие и раскрытие данных. В этом посте я приведу пример кнопки и скрытия блока при клике по ней. Очень удобная возможность показать пользователю текст именно при клике по кнопке или же наоборот.
Читать дальше →

Увлекаясь javasctipt я все больше и больше понимаю что данный программный язык становиться неотъемлемой частью сайтов созданных для людей.

Только на JS можно создать действительно интересные элементы сайта, которые вы не выполните на PHP, к примеру динамические кнопочки.

Недавно встала передо мной задача, сделать кнопочку и показать пользователю процесс выполнения действия PHP, все оказалось довольно просто и понятно и сейчас я приведу вам данный пример.
Читать дальше →

Недавно захотелось сделать кнопочку «Мне нравится» для комментариев на одном из сайтов. Конечно, ничего сложного в этом нет, однако, необходимо так же владеть и JS, который все больше и больше начинает вписываться в жизнь вебмастеров-программистов.
Поэтому я решил описать способ реализации кнопочки liked, как и всегда пишем с нуля.

И так у нас есть функция которая выводит комментарии к нашим постам/новостям, дергает их она по уникальному id новости, по такому же принципу мы и будем привязывать кнопочку «Мне нравится» только к уникальному айди комментария.
Читать дальше →

Иногда необходимо в одном и том же месте страницы выводить два или более блоков с контентом, с возможностью выбора.
Так же иногда полезно держать на странице скрытую информацию и выводить ее только после клика по какой нибудь кнопочки.
Для всего этого нам необходимо воспользоваться Ajax, который в свою очередь поможет нам в реализации задуманного.
Читать дальше →

Иногда полезно, иногда удобно использовать JS для отправки пост запросов в php файл.
В основном большинство вебмастеров при необходимости передать данные в файл создаю формы, добавляют кнопочки для отправки пост/гет запросов, это конечно же не плохо, но на мой взгляд если данных не много и нужно передать одно два значения, то желательно воспользоваться JS.
Читать дальше →

Совсем недавно потребовалось мне сделать сворачивание блока на сайте и при этом делать запись в cookies для того чтобы пользователь не нажимал по кнопочке свернуть каждый раз после перезагрузки страницы. Это очень удобно когда вы выводите на сайте какой то блок, скажем с заметками пользователя, который можно скрыть и открыть только тогда когда это потребуется.

Давайте рассмотрим реализацию на примере

И так у нас есть блок, назовем его Новости, в нем находятся ссылки на 5 новостей нашего сайта, блок занимает много места и кнопочка для его скрытия упростит дальнейшее использование сайта.
Читать дальше →

Многие интересуются как сделать загрузку картинок на сервер, без перезагрузки страницы и с предварительным просмотром загруженного изображения. Сегодня это совсем не сложно, все что вам понадобится, небольшие знания в PHP и стандартная библиотека jQuery Form.
Давайте приступим к написанию нашего загрузчика и разберем все по полочкам.

Читать дальше →