Категория архива: Уроки Jquery

Показать последнюю запись в твиттере через JQuery

jquery_twitter_feed_plugin_tutorial[1]Известный сервис твиттер имеет общедоступный api-интерфейс, с помощью которого любой желающий может транслировать нужную ленту на своем сайте. В следующем примере мы покажем, как можно получить последнее сообщение с ленты и разместить его на своем сайте: Читать далее →

Безопасное подключение jQuery CDN

img_cdn_federation[1]Некоторые крупные компании размещают jQuery (обычно всех версий) в своих открытых хранилищах (CDN — Content Delivery Network). Таким образом, вы можете подключать jQuery с этих серверов, снимая тем самым часть нагрузки со своего сервера и ускоряя работу своего сайта. Наиболее известными являются хранилища Google, Microsoft и самого проекта jQuery. Читать далее →

jQuery и Cookie

IQzRR2FKq9[1]Плагин jQuery cookie предоставляет простой и удобный интерфейс для работы с кукисами на стороне клиента. Обычно кукисы используют на стороне сервера, однако в некоторых случаях, более уместно работать с ними именно на стороне клиента. Например, если в javascript-плагине необходимо организовать хранение состояния (например номер открытой вкладки в плагине вкладок), то чтобы избежать дополнительной серверной части для плагина, можно использовать кукисы на клиенте.

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

YouTuber — YouTube и jQuery

1296376091_youtube_instantВставлять видео с YouTube можно простым копированием кода с самого сервиса. Если не нужно ничего настраивать, такой способ вам, скорее всего, подойдет. Я же хочу предложить традиционно простой скрипт, который покажет видео с Youtube во всплывающем слое без перезагрузки страницы. Читать далее →

Как поймать клик вне элемента (jQuery)?

logo-jqueryНа сколько вы все знаете, в DOM события распространяются по принципу пузырька — события передается от дочернего к родительскому, до самых до окраин. То есть, любой клик в пределах документа отразится на корневом элементе body. Читать далее →

Что такое DOM (document object model)?

HTMLDOMDOM (Document Object Model) - это стандарт (интерфейс или библиотека) для работы с разметкой документов. DOM позволяет работать с HTML и XML документами, изменяя их структуру. О том, что такое DOM, более подробно читайте ниже.

Основное преимущество DOM состоит в том, что он не зависит от языка. То есть если Вы его выучили, изучая, например, JavaScript, то изучать его в PHP Вам не придётся. Аналогично, и с другими языками. Читать далее →

Кроссбраузерность — Определение браузера и использование для него своего стиля CSS (jQuery)

jQuery умеет определять тип и версию браузера клиента. Эта информация хранится в переменной $.browser. Через неё можно сделать разделение css стилей для браузеров, установив элементу html свой класс: Читать далее →

Открытие всех внешних ссылок сайта в новом окне браузера (jQuery)

Для перехода по ссылке с открытием новом окне, необходимо добавить атрибут «target» задав ему значение «blank» к ссылке. Но для некоторых «DOCTYPE», применение этого не позволит получить страницу, которая сможет пройти валидацию «W3C». Читать далее →

Запуск некого события при не активности пользователя сайта (jQuery)

Иногда бывает нужно определить отсутствие пользователя в течении некоторого времени (например, чтобы поставить статус «Отошел»). Мы будем считать активность пользователя — перемещение указателя мыши, нажатие на клавиатуру и движение скрола мыши: Читать далее →

Борьба с висячими строками в заголовках

Висячей строкой называют последнюю строку текста, в которой оказывается лишь одно слово. В отличие от книг и журналов, на наличие таких строк на сайтах не обращают внимания, однако если висячая строка окажется в крупном заголовке, это будет бросаться в глаза. Для предотвращения висячих слов в заголовках можно между двумя последними словами во всех заголовках вставлять неразрывный пробел (« »). В этом случае, последнее слово будет всегда переноситься с предыдущим. Для того, чтобы автоматизировать расстановку непереносимых пробелов, можно использовать следующий скрипт: Читать далее →

Запись навигация

 
Top