jQuery слайдер контента слайдшоу картинок блок на главной
Вы наверняка встречали на сайтах, эффектный приём – слайдер картинок (с ссылками на контент или без него). Обычно такой блок размещают на главной странице, для привлечения внимания посетителей к новым статьям, страницам и разделам сайта. Если Вы задумаете воспроизвести подобное слайд шоу у себя на сайте, Вы рано или поздно придёте к jQuery плагинам. Сам [...]
Рубрики: HTML, jQuery · Теги: html, jquery, js, script, style, плагин, скрипт, скроллинг, слайд
JavaScript Счетчик дней сколько прошло времени
Распространенная задача отсчёта времени. Это может быть время, которое прошло с открытия Вашего сайта, или отсчет дней от какого-либо знаменательного события (чей-то день рождения, свадьба, рождение ребенка и так далее). Независимо от того , по какому поводу возникла необходимость в счетчике времени, это задачу легко и просто решит код на скриптовом языке JavaScript. Всё что [...]
Рубрики: HTML, Javascript · Теги: date, getTime, javascript, math, round, script, время, счётчик
Введение в jQuery Начало
Мы уже не раз затрагивали рецепты использования jQuery, которая, сама по себе является, библиотекой Javascript. Пора вернуться к истокам, в лучших традициях Голливудских приквелов, начать сначала. Историю о том как Джон Резиг изобрёл jQuery Вы наверняка сможете прочитать в любой энциклопедии. Мы же скажем лишь о том, что со времен первого издания этой библиотеки (релиза [...]
Рубрики: HTML, jQuery, JSON · Теги: alert, html, jquery, script, введение, начало, новичок, скрипт
Регулярные выражения в Javascript аналог preg_replace() в PHP
Регулярные выражения в Яваскриптах, точнее замена по регулярному выражения нежелательных символов в строке, реализуются с помощью функции replace. Эта задача аналогична использования функции preg_replace() в языке программирования PHP. Итак задача: требуется заменить в строке все «не латинские» буквы, «не цифры», «не точку», и «не подчеркивание» на значок «звездочки» *
Рубрики: HTML, Javascript · Теги: java, javascript, php, preg_replace, replace, script, альтернатива, аналог, замена, строка, текст
jQuery скроллинг наверх вниз к определенному div блоку
jQuery, как Вам известно, популярная java библиотека, облегчающая жизнь веб-разработчика. jQuery – это и способ асинхронного (без перезагрузки) отображения данных, набор спецэффектов, функциональные варианты интерфейсов, меню для сайта и так далее. Сегодня мы рассматриваем интересующий многих вопрос: Как с помощью jQuery организовать скроллинг (переход к определенному элементу, тексту, перелистывание наверх, вниз HTML страницы)? Во-первых, чтобы [...]
Рубрики: HTML, jQuery · Теги: bottom, div, footer, header, href, html, jquery, name, script, scroll, scrollto, top, анкор, скрипт, скроллинг, тег, якорь
JavaScript: Случайный html код трансляция баннеров
Мы уже рассматривали javascript код, позволяющий генерировать отображение случайных картинок из списка. Теперь сделаем мини-систему для удаленного случайного вывода рекламных баннеров. Для этого создадим пустой файл с расширением .js advert.js Пишем код баннерной системы: var banner = new Array( ‘<a href=»https://weblomaster.ru/tests/JavaScript_banners_system/vps.html» target=»_blank»><img src=»https://weblomaster.ru/tests/JavaScript_banners_system/5_200x200.jpg» style=»max-width: 250px;» border=»0″></a>’, /* первый баннер – код */ ‘<a href=»https://weblomaster.ru/tests/JavaScript_banners_system/VPS_server.html» target=»_blank»><img [...]
Рубрики: HTML, Javascript · Теги: array, html, javascript, js, random, remote, script, баннер, код, реклама
Изменение div при наборе текста в input поле getElementById
Для динамичного, без перезагрузки страницы, изменения содержания контейнера DIV можно использовать getElementById и innerHTML. С помощью getElementById мы находим нужный нам контейнер, после чего присваиваем ему нужное значение с помощь innerHTML. Новое значение может быть задано по умолчанию. Рассмотрим пример, в котором, при нажатии на ссылку, меняется текст в DIV с заданном ID: <script> function [...]
Рубрики: HTML, Javascript · Теги: div, form, getElementById, html, input, javascript, script, settimeout, textarea, редактор, скрипт, текст
