-
06
08.09
Min-width и max-width в IE6 с помощью expression
Уже писали много раз, просто приведу свой код. В JavaScript-файле размещаем такую функцию: function width(min,max){ w = document.documentElement.clientWidth; return (w = max) ? max + "px" : "auto"); } Функция всего лишь принимает значения максимальной и минимальной ширины, проверяет текущую ширину документа и возвращает значение: Если ширина документа меньше минимальной ширины,...
» Читать полностью » Комментарии (7) -
28
11.08
Ещё один PNG Fix для IE6
Разработчики из Unit Interactive написали новый скрипт заставляющий IE6 адекватно отображать полупрозрачные PNG‑картинки — Unit PNG Fix. Главные преимущества скрипта: Очень компактный JavaScript: меньше 1 Kb! Исправляет большинство проблем интерактивности вызванных использованием IE-фильтров. Работает и для <img> и для CSS-свойства «background». Запускается автоматически. Не нужно...
» Читать полностью » Комментарии (3) -
09
06.08
Публичная порка JS-гуру
Конкурс закончился и работы проверены. Работы прислали 11 программистов, из которых один участник прислал аж 8 вариантов. На удивление решения задачи оказались очень разные. Многие писали обработчики событий обычным способом, но некоторые всё-таки рекомендуемым AddEventListener/AttachEvent. Поразило разнообразие способов проверки на пробелы и наличие классов. В принципе, поскольку сама...
» Читать полностью » Комментарии (25) -
17
05.08
Конкурс для javascript-гуру!
Объявляю конкурс среди javascript-программистов! В качестве конкурсной задачи предлагаю выполнить зачётное задание по javascript, которое выполняли в этом году студенты web-курсов на которых я преподаю. Итак, задание: Дана форма. Нужно: При щелчке по лейблу и при помещении фокуса в поле нужно полю добавить класс «edit». При убирании фокуса из поля нужно: очистить содержимое...
» Читать полностью » Комментарии (27) -
18
01.08
Градиентный текст с помощью CSS
Иногда бывают дни, когда не хватает времени, иногда бывают моменты, когда не хочется ничего выдумывать. Тогда приходят спасительный копи-пэйст! В этом посте я не буду ничего исследовать, придумывать, обучать и выбирать. Просто поделюсь с вами ссылкой на замечательный пост дизайнера Nick La. Nick получит на свой пост очередной трекбек, а расслаблюсь ещё на пару дней. Итак, если вы хотите...
» Читать полностью » Комментарии (27) -
02
01.08
Иерархический список с помощью jQuery
Написал очень простой и функциональный скрипт организации иерархического списка. Но смысл заключается не только в скрипте, но и в правильной вёрстке. HTML Вот из такого небольшого обычного списка мы сделаем раскрывающийся иерархический список. Модель статусных групп (классов) Л. Уорнера Высший класс Верхний-высший класс, включал так называемые старые семьи. Низший-высший...
» Читать полностью » Комментарии (19) -
07
12.07
JS-Imagemapping — исправленно.
В предыдущем посте я написал как делается активный imagemapping на jQuery. Но по какой-то непонятной причине мой мозг в один момент глюканул и решил, что указывать абсолютное позиционирование относительно всего документа — единственный вариант. А ведь это не правда. Исправляем В CSS добавляем относительное позиционирование тэгу div с id="map": #map{ position: relative; } Теперь кружочки...
» Читать полностью » Комментарии (1) -
06
12.07
Активный imagemapping на jQuery
Главная проблема стандартного способа создания карт в том, что тэг <area> не поддерживает никаких css свойств, т.е. при наведении курсором на активную область нельзя никак её подсветить. В этом случае Flash выигрывает (пример карты на flash реализован в проекте pludmales9.lv). Я предлагаю такой вариант: подсвечиваются не сами активные области, а какие-то картинки расположенные по центру...
» Читать полностью » Комментарии (13) -
17
09.07
Всплывающая подсказка v.2
Вспоминаем мой давний пост про плавающую над объектами подсказку. Феатурес: Вторая версия написана с использованием библиотеки jQuery (кстати, очень рекомендую обратить внимание, не такая громоздкая как Prototype) Запуск скрипта осуществялется средставми jQuery, в сам html-файл ничего не нужно вписывать В настройках скрипта можно указать в каких тэгах будет работать...
» Читать полностью » Комментарии (21) -
06
09.07
Замена подстрок с помощью JavaScript v.2
Не string'ом единым... Пересмотрел я скрипт написаный мною в прошлой статье и теперь с некоторыми изменениями выкладываю вновь. Теперь в качестве поиска используется регулярное выражение игнорирующее вхождения подстроки между символами тэга (""), что означает что замена не будет применяться к самим тэгам. Кроме этого к объекту поиска добавил флаг (параметр 'flag'), который может быть...
» Читать полностью » Комментарии (0) -
05
09.07
Замена подстрок с помощью JavaScript
Когда-то давно Mr. SergE попросил меня написать JS-скрипт, который при загрузке страницы заменяет в тексте определённые символы. Насколько я понял из его поста (хотя особо я его не читал - слишком много буков), ему нужна замена тире, дефисов и прочей дребедени. В общем скрипт почти написал, но остались некоторые недочёты. Код Сначала в массив symbols записываем подстроки для поиска и...
» Читать полностью » Комментарии (9) -
29
08.07
Antispam для WordPress своими руками. Эксперимент.
Идея взята из переписки Typo3-девелоперов. Смысл Смысл идеи в том, чтобы изначально отключить отправку формы и убрать адрес отправки из атрибута action формы. Через три секунды после активации поля ввода textarea в атрибут action добавляется url страницы обрабатывающей форму, а так же активирует кнопку submit. JavaScript Поскольку этот скриптовой язык в последнее время стал мегапопулярным, мы...
» Читать полностью » Комментарии (10) -
27
08.07
Ajax анимация и загрузка
Хотел сделать колекцию анимаций загрузок для ajax приложений, но перед этим решил порыть гугл. В итоге оказалось, что смысла нет рисовать что-то новое, потому как универсального полным полно, а специфическое каждый уважающий себя дизайнер нарисует сам, для каждого проекта своё. Вот, например, существует даже генератор анимированых иконок Ajaxload.info, в колекции которого десятки анимаций и на...
» Читать полностью » Комментарии (6) -
04
08.07
Остров. JavaScript события для групп однотипных объектов.
Настроение было порисовать. Но вообще статья будет не о графике, а о коде. События JavaScript Те кто изучал JS знают, что в основном события пишутся внутри тэга как атрибуты и применяются к конкретному элементу. Например: <div id="someblock" onmouseover="this.backgroundColor='#eee'; onmouseout="this.backgroundColor='#fff' ">-----</div> Помещая курсор мышки над блоком,...
» Читать полностью » Комментарии (4)
