Аналог PHP функции htmlspecialchars_decode на JavaScript

PHP программирование, Уроки jQuery 03.10.2011

Эта функция является обратной к htmlspecialchars (). Она преобразует специальные HTML-сущности обратно в соответствующие символы.

Конвертируемые сущности : &, " (когда ENT_NOQUOTES не установлена), ' (когда ENT_QUOTES установлена), < and >.

Читать полностью »

Как использовать нестандартный шрифт?

Интересные статьи, Уроки jQuery 16.01.2011

Если стоит задача использовать в проекте нестандартный шрифт, то есть возможность пойти несколькими путями:

  1. Ъ-метод – не использовать нестандартные шрифты, достаточно в CSS сказать body {font-family: sans-serif;} и не морочить себе голову.
  2. Быдло-метод – нарезать из ЖПЕГов, картинок с заголовками, ужать посильнее, что б появилась размытость и вставлять вместо текста картинки. Достаточно популярный на наших просторах метод.
  3. W3C-метод – используем @font-family и наслаждаемся красивыми шрифтами без всяких заморочек. Пока этот метод не рассматривают, как рабочий, по причине слабой поддержи со стороны браузера.
  4. sIFR – клевая вещь, наиболее употребляемая на сегодняшний день, но как недостаток – требует наличия Flash-плагина. Хотя это трудно назвать недостатком, но если есть инструмент, позволяющий обойтись без плагинов, то это не может не радовать.
  5. Cufón – самое то. Относительно новый метод, который показывает превосходные результаты. Он и есть герой этой статьи.


Для любознательных: есть еще один способ, практически полный аналог куфона — typefaces.js, но сегодня мы будем говорить не о нем. Читать полностью »

Раскрытие и скрытие div с помощью jquery

AJAX технологии, Уроки jQuery 17.09.2009

Раскрытие и скрытие div с помощью jqueryДанный урок очень прост,  но темне мение эфект раскрытия и скрытия обьектов используется достаточно часто. А мы это сделаем еще и с анимацией.

Не знаю как кому, но я очень часто использую фишку с отображением и скрытием какого либо слоя. Нюанс состоит в том, чтобы передать функции только, к примеру, идентификатор слоя id, а она уж сама, в зависимости от значения свойства CSS — display сменит его на противоположное. jQuery, в этом случа предоставил возможность анимировать процес с раскрытием/закрытием слоя. Читать полностью »

Как правильно использовать JQuery?

AJAX технологии, Уроки jQuery 15.07.2009

full-e661a070b23842a51e271322c4378abfПривожу вашему вниманию очень важные советы по Правельному использованию фрейворка JQuery. При использовании данных советов вы увеличети производительность, валидность и свидёте возможность ошибок в минимум. И так начнем. Это перевод статьи, написанной Jon Hobbs-Smith. Я счел ее довольно интересной и решил выложить в своем блоге.

1. Загружайте библиотеку с Google Code
На Google Code хранится несколько популярных Javascript библиотек, в том числе и jQuery, при этом есть несколько способов их подключения к вашему сайту. Надо сказать, что подгружаются они довольно быстро, к тому же если пользователь до этого посещал сайт, где библиотека подгружается таким же образом как и у вас с Google, то файл вообще загрузиться с кеша. Читать полностью »

Cоздание раскрывающегося списка с удобным поиском

AJAX технологии, Уроки jQuery 12.07.2009

coollistСегодня с помощью известного уже нам jQuery будет создавать необычный, но очень удобный вариант раскрывающегося списка с буквенным указателем. Как обычно для начала демострируем пример это списка, а предоставляем все исходники для наших начинающих веб программистов. Это будет очень полезно, если у Вас большой список и пользователю трудно найти необходимое значение. Рядом с этими значениями находится список букв, который существенно облегчает поиск нужного элемента. И так начнем, все очень проста реализуется... Читать полностью »

Как сделать подсказки на jQuery?

Уроки jQuery 02.07.2009

dodskazВ данном уроке мы расмотрим как создать кравивые и эфектные подсказки на JQuery. Это бывает очень полезно и разместить в этой подсказке и картинку и ссылку все что вам требуется. Рабочий пример можно увидеть тут, а скачать все исходники по этой ссылке. Итак, займемся созданием такой подсказки с особым эффектом появления. Для начала нам нужно открыть файл, в котором будет располагаться такая подсказка или создать новый HTML-документ. Далее мы просто вставим следующий код между тегами <body> и </body> , который нам будет служить основой для всплывающей подсказки: Читать полностью »

Как создать красивый календарь-органайзер с помощью jQuery?

Уроки jQuery 30.06.2009

calendarВ данном уроке расмотрим как можно создать красивый календарь-органайзер с помощью jQuery. С помощью подобного календаря, например, можно вести собственный дневник в Интернете или напоминать Вашим посетителям о каких-либо важных датах. Если его немного доработать, можно сделать интересное решение с автоматическим добаввлением событий. Тоесть можно создать Online органайзер. Как всегда сначала демострируем рабочий пример чтобы можно было понять о чем собственно идёт речь, а кому необходимо, могут скачать все исходники данного урока. И так приступим. Читать полностью »

Как создать выпадающий блок на jQuery?

Уроки jQuery 27.06.2009

untitled-4-copyИ иак продолжаем знакомить вас с чудесным фреймворком. В этот раз мы расмотрим несколько вариантов создания эффектных появлений скрытых блоков информации :) ,  проще говоря появляющихся блоков. И так для начала предлагаю посмотреть пример и кому неоходимо как всегда могут скачать все исходники. И так начнем. Читать полностью »

Слайд эффект при наведении мышки на jQuery

Уроки jQuery 20.06.2009

2345634534В уроке рассмотрим создание слайд эффекта при наведении мышки. Эфект и интерактивен и функционален. Эффект заключается в том, чтобы под изображением находился необходимый текст, и при наведении мышкой на изображений, этот текст красиво занимал место изображения. Что не быть голословным вот пример. А также тут можно сказать и все исходники нашего урока. Все реализовано на любимым нами jQuery. Читать полностью »

Красивый эффект смены картинок JQuery

AJAX технологии, Уроки jQuery 10.06.2009

untitled-2В данном уроке рассмотрим реализацию плавной смены картинок при наведении курсора мыши. Очень эффектно. Можно использовать в шапках и логотипах сайтов, а также в навигации сайтов. Реализуем мы это с помощь нами любимого jquery без использования стороних плагонов. И так начнём. Первым делом нам необходимо поместить этот код между тегами. Читать полностью »