background preloader

Js

Facebook Twitter

Ультразвуковой расходомер StreamLux. Расходомеры по оптимальной рыночной цене.

Backbone

Victa/HTML5-Background-Video. Javascript-джедай #4 - Типы данных и переменные. Preload images. JQuery. Sliders. Шпаргалка функций плавности (easing) FancyBox - Fancy jQuery Lightbox Alternative. DataTables (table plug-in for jQuery) Календарь для сайта. Calendar Documentation. This is the documentation of the new Dynarch Calendar (“JSCal2”).

Calendar Documentation

Note that it is not compatible with our old calendar project. The new calendar has less predefined ways to setup, and rather focuses on an extensive API that you can use to do what you want. jQuery Window Plugin. jQuery Form Styler. В данном плагине я объединил 3 своих предыдущих jQuery-плагина, плюс добавил возможность стилизации полей для отправки файлов.

jQuery Form Styler

Таким образом, он позволяет стилизовать с помощью CSS следующие html-элементы: раскрывающийся список <select>;флажок <input type="checkbox">;переключатель <input type="radio">;поле для выбора файла <input type="file">. Демонстрация работы плагина Живые примеры можно посмотреть на отдельной странице. Стоит заметить, что при оформлении элементов форм я не использовал ни одного изображения. Достоинства Недостатки При использовании некоторых нестандартных шрифтов (например, Open Sans, подключенный с Google Fonts), неправильно определяется ширина псевдоселекта, в связи с чем текст пунктов обрезается. Скачать Подключение плагина. Элементы управления флажком. Сведения о создании элементов управления checkbox.

элементы управления флажком

Используйте флажки, чтобы предоставить пользователю двоичный выбор, выбор одного или нескольких не являющихся взаимоисключающими вариантов или смешанный выбор. Необходимые условия Краткое руководство: добавление элементов управления HTML и обработка событий Создание флажка. 50 Amazing jQuery Plugins That You Should Start Using Right Now. Martin Angelov jQuery has a wonderful community of programmers that create incredible things.

50 Amazing jQuery Plugins That You Should Start Using Right Now

However, it may become difficult to sift through everything that is released and find the gems that are absolute must-haves. This is why, in this post, you will find a collection of 50 new jQuery plugins and JavaScript libraries that, when applied with good measure, can make your sites a joy to use. Функции и условия if-else в JavaScript. Главная -> Материалы -> Функции и условия if-else в JavaScript JavaScript и jQuery с нуля Курс предназначен для тех, кто хочет повысить интерактивность и удобство своего сайта для посетителей.

Функции и условия if-else в JavaScript

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

Делаем плагин для "липкого" информационного блока

Дополнительным свойством "липкого" блока будет ограничение его действия родительским контейнером элемента, к которому он прикреплен. То есть, если при прокрутке страницы родительский контейнер заканчивается, то "липкий" блок остается в нем и уходит вместе с контентом за пределы экрана. Прежде чем начать кодирование стоит определить основные задачи, которые мы хотим решить: Получить блок дополнительной информации, который будет "цепляться" за верх экрана при прокрутке содержимого страницы, оставаясь в поле зрения посетителя.Перемещение блока дополнительной информации не должно начинаться до тех пор, пока он не будет смещен прокруткой за пределы экрана.Перемещение блока должно прекращаться тогда, когда прокрутка содержимого достигнет низа основного содержимого страницы.

Рассмотрим набор опций более подробно. JavaScript: от начала до конца. TL;DR Эта обзорная статья.

JavaScript: от начала до конца

Такое себе "краткое содержание предыдущих серий". Она будет полезна для новичков, или тех, кто не следил за отраслью в последнее время. Для новичков это будет первый шаг во "Вселенную JavaScript", бывалые смогут освежить свои знания. У JavaScript очень удивительная судьба. Learning Advanced JavaScript. Crockford on JavaScript. JavaScript Гарден. Про объявление функций и о выражениях с ними Функции в JavaScript являются объектами.

JavaScript Гарден

Следовательно, их можно передавать и присваивать точно так же, как и любой другой объект. Популярным сбособом использования этого свойства является передача анонимной функции в качестве функции обратного вызова в некую другую функцию — к примеру, при описании асинхронных вызовов. Объявление function // всё просто и привычноfunction foo() {} В следующем примере, ещё перед запуском всего скрипта, для описанной функции резервируется переменная; за счёт этого она доступна в любом месте кода, вне зависимости от того, где она определена — даже если она вызывается заранее, перед её фактическим объявлением в коде (и сколь угодно задолго до такого определения). foo(); // сработает, т.к. функция будет создана до выполнения кодаfunction foo() {} Tooltip. Гуру верстки вряд ли найдут в этом посте что-то новое для себя.

tooltip

Этот пост скорее для начинающих верстальщиков у которых, как и у меня, были проблемы с созданием и стилизацией универсальных всплывающих подсказок. Недавно, когда я делал небольшой блог, передо мной встала задача сделать стильные, но одновременно простые всплывающие подсказки. Попробовав разные способы создания отдельных div-контейнеров для подсказок, или создание всплывающих подсказок на чистом CSS, я нашел универсальное решение, которое не будет загромождать код, будет кроссбраузерним, и в то же время будет очень простым для реализации. Всех, кого заинтересовал мой способ решения этой простой задачи, прошу под кат. Решение Способ, который я вам предложу, достаточно прост и эффективен. Предположим у нас есть HTML-страница со ссылкой, при наведении на которую нам нужно вывести подсказку: jQuery для всех. Решил систематизировать все статьи и ссылки посвященные jQuery, если хотите посоветовать кому-то статейки, присылайте ссылку на эту страницу.

jQuery для всех

Цикл статей «jQuery для начинающих» jQuery для начинающих — больше десятка примеров использования фреймворка, в самый раз для стартаJavaScript Меню — выпадающие и скользящие менюAJAX — всё о AJAX с примерамиСелекторы — поиск и выборка элементов DOM, обязательна к прочтению. В статье наглядные слайды, в примере — наглядный поиск элементов по селекторуЭффекты — примеры использования, разбор очереди, вкусно и полезноСобытия — знать всем, внимательно читать о live, разобраться с примерамиПишем плагины — становимся круче (как всегда с примерами)Расширяем фильтры — копаем вглубь (примеры)Пишем плагины анимации — уже практически профессионалы (примеры)

jQuery-tutorial-for-beginners-1.0.1.pdf. Закрепляем jQuery — 25 отличных советов. Я использую предыдущий пример и изменю его таким образом, что каждый элемент «li» будет иметь уникальный класс, добавленный к нему. Затем я выберу в цикле все элементы (каждый по одному разу). В точности как я и предполагал, браузер неслабо подвис и закончил выполнение только через 5066 миллисекунд (более 5 секунд). Так что я модифицировал код, дав каждому элементу id вместо класса и затем также выбрал каждый в цикле, но уже по id. В этот раз — всего 61 миллисекунду. Примерно в 100 раз быстрее. По-умолчанию, когда вы используете селектор типа $('.myDiv'), произойдет обращение ко всему DOM-документу, что, в определенных случаях (например, при большой странице), может весьма существенно отразиться на производительности. Функция jQuery принимает второй параметр, когда производит выборка. <i>jQuery(expression, context)</i> Передавая контекст в селектор, вы сообщаете ему элемент, с которого нужно начинать искать.

Чтобы продемонстрировать это, снова возьмем пример из первого совета. 10. 11. 12. Динамическое добавление и редактирование полей Jquery. Lightbox JS v2.0. 24 февраля 2007 в 18:45 Lightbox JS – простой JS скрипт, отображающий изображения на текущей странице. Легко и быстро настраиваемый и работает во всех современных браузерах. Lightbox 2. Урок 1. Первое знакомство. Классический html болен статичностью “Чистый” HTML имеет весьма ограниченные возможности для программирования интерфейса приложений и построения интерактивных сеансов работы пользователей.

Традиционное средство, которое предлагается HTML для изменения экрана — мышиный щелчок по ссылке. Браузер загружает новый файл, и экран перерисовывается. Традиционная динамика в документе — анимационный GIF. Но этой анимации далеко до настоящей мультипликации. А ведь хочется? Хочется придумать и “выпечь” в гипертексте динамическую игру или обучающую программу с “живыми” демонстрациями, зачетными классами и испытательными стендами. jQuery API.