GlassBox.
Недавно обнаружили весьма интересную javascript библиотеку Glassbox.
С ее помощью можно создавать прозрачные рамки, цветные полупрозрачные слои и различные визуальные эффекты, такие как плавное появление и исчезновение слоев.
Сортировка столбцов в таблице без перезагрузки.
Иногда перед разработчиком стоит задача обеспечить сортировку столбцов в таблице с данными. Классическим решением является использование какого-нибудь серверного ЯП, который бы сортировал данные по определённому столбцу и отдавал полученную страницу клиенту. Я хочу вам предложить альтернативное решение, работающее в W3C DOM-совместимых браузерах.
Удобные сокращения при работе с DOM.
Написание монстроподобных document.getElementById(), document.createElement() и других методом при работе с DOM в JavaScript можно избежать, используя функции с простыми и удобными именами.
JavaScript спешит на помощь.
С развитием всемирной Сети у ее пользователей появилось множество замечательных возможностей. Оной из них является бесплатный хостинг. Разместить свою страничку в Сети проще простого, да к тому же еще за 5 минут, бесплатно... Но всем читателям известно, где по-настоящему есть бесплатный сыр: в обмен на услуги размещения информации, на страничках бесплатного хостинга всплывают баннеры хостера.
Визуальный редактор для вашего сайта (TinyMCE).
Наверно мой уважаемый читатель не раз сталкивался с ситуацией, когда конечный веб-проект ориентировался не на узкий круг веб-программистов или людей "введенных" в систему, а исключительно начинающих людей, для которых наиболее важным аспектом является, безусловно, простота и практичность, а самое основное это конечно ассоциативность и красота.
Сценарий и обработка событий в JavaScript.
В javascript (или jscript, версии javascript фирмы microsoft) есть две особенности: первая - что в нем поддерживаются только функции, вторая - что этот язык понятен для всех броузеров.
Понятия, термины и основы Java-скриптования.
В статье кратко пояснены основные термины и понятия скриптовых языков (в частности, javascript), описаны основные приемы программирования на javascript, а также приведены несколько простых, но полезных примеров, которым можно найти практическое применение.
Создание файлов при помощи JavaScript и VBScript.
На первый взгляд эта функция может показаться бесполезной, однако, как вы занесете данные в файл, не имея самого файла, не будем же мы портить фалы посетителя нашей страници.
Как использовать Javascript файл из ресурсов.
Вчера потратил н -ое кол-во времени чтоб разобраться(к слову в мсдн очень криво этот вопрос описан) а в инете инфа была только на одном форуме, да и то лишь кроха.
Работа с ссылками - Построении ссылок с помощью JavaScript.
Построении ссылок с помощью javascript дает программисту широкую возможность для различных "маневров и манипуляций" с кодом, а если вы используете фреймы, то вам без этого просто не обойтись.
Совет дня на JavaScript.
С помощью этого скрипта можно добавлять любые советы и объявления для посетителей вашего сайта. Скрипт состоит из внешних файлов javascripts totdmsg.js и totd.js и html файла totd.html в который и надо вносить всю информацию.
Редактирование текстовых элементов.
В версию 5.5, всенародно любимого браузера ;), ввели очень интересное свойство contentEditable. Используя это свойство к любому элементу HTML-документа, вы можете его (элемент) редактировать прямо в окне браузера (elementID.contentEditable=true).
Скриптовые закладки.
Для выполнения однотипных задач лучше всего использовать пакетные файлы, т. е. файлы которые автоматизируют работу. Например в среде DOS — BAT-файлы, в Windows — WSH (Сервер Сценариев) и т. д.
Ускоряем JavaScript.
Кажется, всего несколько дней назад мы рассказывали вам об истории flickr, и вот - статья, написанная главным разработчиком этой компании Кэлом Хендерсоном. Статья довольно специфичная - это вполне конкретные советы по решению вполне конкретных проблем, с которыми может столкнуться практически любой веб-разработчик.
Бабочка MCMG.
Итак, начнем с постановки задачи: разработать заглавную страницу сайта группы компаний mcmg, обобщающую собой четыре сайта подразделений организации и соответствующую им своим дизайном.
Эффект плавного перехода на JavaScript.
Как-то путешествуя со страницы на страницу попал на один немецкий сайт, на котором нашел интересный скрипт, который демонстрировал плавный переход между текстом и плавно сменял картинки.
Предзагрузка картинок.
Иногда, в процессе разработки сайта, возникает ситуация, когда необходимо использовать несколько изображений на странице, которые поочереди сменяют друг друга, при этом страница не обновляется. Для этого используется предзагрузка изображений, которая позволяет загрузится изображениям в самом начале основного текста страницы.
Технология Drag & Drop.
Технология Drag & Drop (перетащи и отпусти) используется практически в любой прикладной программе. Иногда (например при разработке JS игр) данную технологию надо применить и на веб странице.
Скрытие части контента вашей страницы.
Используй силу DOM (объектная модель документа) для того, чтобы скрыть секции твоей страницы и показать их, когда нажата ссылка.
Включите графику!!!
Довольно остро стоит проблема графики в мире веб-дизайнеров. В Microsoft Internet Explorer'e есть опция, отключающая загрузку изображений для веб-страниц. Как быть, ведь среди всех посетителей Вашего сайта обязательно найдётся вредная личность, которая снимет-таки галочку напротив опции "Show pictures"!? В основе своей дизайнеры либо забывают про эту проблему, либо не считают её достаточно важной...
Пишем правильный online WYSIWYG-редактор.
WYSIWYG (What You See Is What You Get) — это среда, в которой пользователь сразу видит результат своей работы. К примеру, редактор Frontpage — мы сразу видим документ в практически окончательном виде, в отличие от работы с исходным кодом страницы. Сделать редактор онлайновым позволяет поддержка браузерами Microsoft Internet Explorer (версии 5.5 и выше), Mozilla (1.3+)/ Firefox и Opera (9.0+) режима WYSIWYG-редактирования текста (designMode).
Проверка формы на JavaScript.
В этой статье мы начнём разбираться с более сложными и функционально-законченными скриптами. Пройдём по шагам через все стадии - начиная с постановки задачи и заканчивая универсальным скриптом, готовым к употреблению.
JavaScript Selections (работа с выделениями).
Исчерпывающая статья по работе с выделениями на JavaScript. Подробно рассматривается методы объекта TextRange. Статья насыщена примерами.
Рекомендую для прочтения.
Подгрузка меню для сайта с фреймами.
Фреймы в HTML позволяют авторам представлять документы в нескольких разделах, которые могут быть независимыми или вложенными окнами. Например, в одном окне может располагаться меню для управления сайтом, а в другом отдельные страницы, перемещаться между которыми можно с помощью меню.
Защищаем контент сайта.
Если на твоем сайте выложена фотка любимого кота Мурзика, но ты не хочешь, чтобы кто-то ее копировал или сохранял на хард, то поставь такой скрипт в тело сайта:
Вызываем ветер (скрипты).
Главная техника, которую мы используем, чтобы сохранить наш Javascript ненавязчивым, это хранение скрипта в отдельном файле, что предпочтительней, чем смешивать его с разметкой страницы. Чтобы исполнить функции в нашем .js файле, нам надо вызвать их, когда страница загружена. Это может быть достигнуто различными способами, каждый имеет свои достоинства и недостатки.
Скажи Javascript, нажат ли Caps Lock?
"Ошибка! Неверное имя пользователя или пароль" - всем до боли знакомое сообщение, не правда ли? Причин ему может быть несколько и одной из них является незамеченный включенный Caps Lock. Так почему бы не помочь пользователю заметить, что Caps Lock включен? Благо легко определить состояние клавиши Caps Lock с помощью Javascript ...
Параметры строки (GET) в Javascript.
Практически на каждом сайте можно видеть ссылки, содержащие в себе параметры после знака "?", например, http://some.site.com/?id=1. Обычно обработкой таких параметров занимается серверный скрипт, но иногда возникает необходимость узнать эти параметры внутри JavaScript. О том, как это сделать, и пойдёт рассказ сегодня.
Маленькая баннерная сеть каждому.
Представим такую ситуацию, что вы обменялись кнопками с 15 сайтами и всё пространство дизайна сайта заполнено. Что делать ??? Встаёт вопрос об изготовлении собственной маленькой баннерной сети.
Маленькие хитрости JavaScript.
Достигший высокой степени просветления гуру веб-мастеринга может заслуженно почивать на лаврах, занимаясь исключительно архитектурными вопросами проектирования сайтов, и, может быть, иногда давать консультации за очень большие деньги. Но для того чтобы стать таким гуру, требуются годы духовного совершенствования. И кто знает, что сложнее для неофита – постичь, как звучит хлопок одной ладони, или разобраться в особенностях функционирования объекта StyleSheet в объектной модели JavaScript...
Скрытая загрузка.
Не для кого не секрет, что в наше время Интернет-странички просто переполнены различной графикой (баннеры, дизайн странички, графические счетчики) - без этого уже почти невозможно представить красивую и популярную страничку. Долгая загрузка таких страничек очень раздражает, а как хотелось бы подождать некоторое время и увидеть страничку во всей красе.
Предварительная загрузка рисунков (preload) и перекат (rollover).
Если у вас есть серия изображений для предзагрузки, то вы можете воспользоваться функцией preLoad, которую я написал для подобных ситуаций, которая проста в работе и не требует каких-либо модификаций для работы функции переката (rollover).
Включение фрагментов кода на JS в документ.
С развитием всемирной Сети у ее пользователей появилось множество замечательных возможностей. Оной из них является бесплатный хостинг. Разместить свою страничку в Сети проще простого, да к тому же еще за 5 минут, бесплатно... Но всем читателям известно, где по-настоящему есть бесплатный сыр: в обмен на услуги размещения информации, на страничках бесплатного хостинга всплывают баннеры хостера.
Блоки try... catch... finally... в JScript 5.
Конструкция try – catch - finally предназначена для перехвата ошибок (исключений). Если в блоке try каком-то операторе возникает ошибка, JScript игнорирует остальные операторы и переходит в блок catch, где находится блок обработки исключений.
Обработка событий в языке JavaScript.
В javascript (или jscript, версии javascript фирмы microsoft) есть две особенности: первая - что в нем поддерживаются только функции, вторая - что этот язык понятен для всех броузеров. Самый привычный способ передачи события элементу - это объявление названия функции в теге элемента.
Создание динамических форм с помощью JavaScript.
Очень часто при создании HTML-форм возникает потребность узнать у пользователя значения однотипных параметров, количество которых заранее неизвестно. Например, если это форма добавления сообщения в форум с возможностью прикрепить один или несколько файлов, например, с фотографиями. Другим примером может служить форма с анкетой, в которой есть сведения о детях. И в том и другом случае невозможно заранее предположить
*.JS, когда грузиться думаешь?
В статье рассматривается проблема очередности загрузки внутренних и внешних JS-скриптов в динамически создаваемых HTML-страницах.
Управление сценариями просмотра Web-страниц.
Идея JavaScript очень проста. Все операции, которые можно исполнять в программе на JavaScript, описывают действия над хорошо известными и понятными объектами, которыми являются элементы рабочей области программы Netscape Navigator и контейнеры языка HTML...
JavaScript и GET-параметры.
Практически на каждом сайте можно видеть ссылки, содержащие в себе параметры после знака "?", например, http://some.site.com/?id=1. Обычно обработкой таких параметров занимается серверный скрипт, но иногда возникает необходимость узнать эти параметры внутри JavaScript. О том, как это сделать, и пойдёт рассказ сегодня.
Обманщик спам-роботов.
Как известно, бичом современного Интернета является спам - непрошенная рассылка рекламных и прочих сообщений. Неужели невозможно бороться со спамерами? Одним из методов решения проблемы может стать кодировка Вашего электронного адреса особым образом.
Использование JS для создания «умных» форм.
Вы, наверное, видели на моем сайте в гостевой книге или на форуме, формы добавления сообщений со специальными кнопками. И, если Вам хотелось обзавестись такой же, то эта статья для Вас...
Локальная реклама.
В Internet Zone-154 была небольшая заметка "Локальная баннерная система". Автор - Вадим Беляков (http://tuta.da.ru) предлагал поставить на страничку баннер, используя небольшой javascript. Мне сразу же пришло в голову использовать его для текстовой рекламы. Устанавливая скрипт, я обнаружил две небольшие, но досадные ошибки, почему считаю себя вправе предложить здесь мою версию.
"Живые меню" или "Как сделать красиво с помощью CSS и JavaScript".
Итак, давайте попробуем создать красивое навигационное меню, реагирующее на действия посетителя вашей странички (вернее, на действия его мышки). Описываемое здесь меню подойдет вам, если разделов на сайте не слишком много, и каждый из них содержит небольшое число подразделов. Посетитель при загрузке страницы будет видеть картинки с названиями разделов, а если он наведет курсор мышки на одну из этих картинок, из-под нее "выпадет" список доступных в данном разделе подразделов.
Динамические формы - проверка ввода на JavaScript.
При разработке страниц, содержащих HTML формы ввода, нужно всегда помнить, что есть обязательная информация, есть необязательная...
JavaScript и объектная модель.
Скриптовые языки в некотором роде перевернули мир, и именно благодаря им появился DHTML, который позволяет делать со страничкой практически что угодно. Как известно, всего два языка претендуют на лавры победителя в броузере. Это VBScript - подмножество Visual Basic-а и JavaScript. Вот последним мы и займемся, как наиболее универсальным.