jQuery слайдер контента слайдшоу картинок блок на главной

Вы наверняка встречали на сайтах, эффектный приём – слайдер картинок (с ссылками на контент или без него). Обычно такой блок размещают на главной странице, для привлечения внимания посетителей к новым статьям, страницам и разделам сайта. Если Вы задумаете воспроизвести подобное слайд шоу у себя на сайте, Вы рано или поздно придёте к jQuery плагинам. Сам [...]

Опубликовано 21.12.2013 в 19:52 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: HTML, jQuery · Теги: , , , , , , , ,

JavaScript Счетчик дней сколько прошло времени

Распространенная задача отсчёта времени. Это может быть время, которое прошло с открытия Вашего сайта, или отсчет дней от какого-либо знаменательного события (чей-то день рождения, свадьба, рождение ребенка и так далее). Независимо от того , по какому поводу возникла необходимость в счетчике времени, это задачу легко и просто решит код на скриптовом языке JavaScript. Всё что [...]

Опубликовано 26.11.2013 в 18:37 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: HTML, Javascript · Теги: , , , , , , ,

Введение в jQuery Начало

Мы уже не раз затрагивали рецепты использования jQuery, которая, сама по себе является,  библиотекой Javascript. Пора вернуться к истокам, в лучших традициях Голливудских приквелов, начать сначала. Историю о том как  Джон Резиг изобрёл jQuery Вы наверняка сможете прочитать в любой энциклопедии. Мы же скажем лишь о том, что со времен первого издания этой библиотеки (релиза [...]

Опубликовано 14.08.2013 в 13:48 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: HTML, jQuery, JSON · Теги: , , , , , , ,

Регулярные выражения в Javascript аналог preg_replace() в PHP

Регулярные выражения в Яваскриптах, точнее замена по регулярному выражения нежелательных символов в строке, реализуются с помощью функции replace. Эта задача аналогична использования функции preg_replace() в языке программирования PHP. Итак задача: требуется заменить в строке все «не латинские» буквы, «не цифры», «не точку», и «не подчеркивание» на значок «звездочки» *

Опубликовано 20.07.2013 в 20:09 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: HTML, Javascript · Теги: , , , , , , , , , ,

jQuery скроллинг наверх вниз к определенному div блоку

jQuery, как Вам известно, популярная java библиотека, облегчающая жизнь веб-разработчика. jQuery – это и способ асинхронного (без перезагрузки) отображения данных, набор спецэффектов, функциональные варианты интерфейсов, меню для сайта и так далее. Сегодня мы рассматриваем интересующий многих вопрос: Как с помощью jQuery организовать скроллинг (переход к определенному элементу, тексту, перелистывание наверх, вниз HTML страницы)? Во-первых, чтобы [...]

Опубликовано 29.06.2013 в 04:12 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: HTML, jQuery · Теги: , , , , , , , , , , , , , , , ,

JavaScript: Случайный html код трансляция баннеров

Мы уже рассматривали javascript код, позволяющий генерировать отображение случайных картинок из списка. Теперь сделаем мини-систему для удаленного случайного вывода рекламных баннеров. Для этого создадим пустой файл с расширением .js advert.js Пишем код баннерной системы: var banner = new Array( ‘<a href=»http://weblomaster.ru/tests/JavaScript_banners_system/vps.html» target=»_blank»><img src=»http://weblomaster.ru/tests/JavaScript_banners_system/5_200x200.jpg» style=»max-width: 250px;» border=»0″></a>’, /* первый баннер – код */ ‘<a href=»http://weblomaster.ru/tests/JavaScript_banners_system/VPS_server.html» target=»_blank»><img [...]

Опубликовано 23.06.2013 в 22:22 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: HTML, Javascript · Теги: , , , , , , , , ,

Изменение div при наборе текста в input поле getElementById

Для динамичного, без перезагрузки страницы, изменения содержания контейнера DIV можно использовать getElementById и innerHTML. С помощью getElementById мы находим нужный нам контейнер, после чего присваиваем ему нужное значение с помощь innerHTML. Новое значение может быть задано по умолчанию. Рассмотрим пример, в котором, при нажатии на ссылку, меняется текст в DIV с заданном ID: <script> function [...]

Опубликовано 28.05.2013 в 22:25 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: HTML, Javascript · Теги: , , , , , , , , , , ,