javascript-array.com

JavaScript DHTML Tutorials: архив полезных скриптов

Сайт javascript-array.com представляет собой своеобразный музей веб-разработки. Если заглянуть в его историю, то можно увидеть, что ресурсы были активны еще с 2006 года. Главная страница предлагает посетителям раздел All Stuff, где собраны различные скрипты и трюки. Это не современный блог с новостями, а скорее коллекция готовых решений для старых задач, которые до сих пор актуальны для поддержки легаси-кода или понимания основ.

Одной из ключевых фишек ресурса является Multi-Level Drop-Down Menu Script. Автор подчеркивает, что главное преимущество этого меню - четкое разделение кода HTML, логики JavaScript и визуального стиля. Больше никаких громоздких обработчиков событий onmouseover или onmouseout, которые засоряют разметку. Структура меню строится на простом древовидном списке unordered list. Такой подход делает код чище и понятнее для тех, кто ценит семантику.

Утилиты для работы с текстом и окнами

• Select All Text by Clicking:Скрипт от 24 мая 2007 года позволяет выделять весь текст в поле ввода или textarea одним кликом. Это мелочь, но она реально экономит время пользователей, избавляя от ручной работы мышкой.
• How to open new windows:Раздел посвящен функции window.open. Здесь есть примеры открытия простых, полноэкранных или центрированных окон. Звучит банально, но правильная реализация этой функции всегда вызывает вопросы у новичков.

Также на сайте можно найти Universal GetObj Function. Эта функция была придумана задолго до того, как современные браузеры начали массово поддерживать getElementById. Она позволяла обращаться к объектам DOM во всех браузерах того времени. Сейчас это скорее исторический артефакт, но он показывает эволюцию методов доступа к элементам страницы.

Проблемы с rollover кнопками

Отдельного внимания заслуживает статья о том, как правильно делать кнопки с эффектом при наведении (rollover). Автор утверждает, что в 90 случаев этот простой скрипт написан неправильно. Проблема часто кроется в предзагрузке изображений. Если картинки не загружены заранее, то при наведении мыши возникает неприятная задержка или мигание. Сайт предлагает правильное решение этой проблемы, что делает его полезным даже спустя много лет после публикации.

В разделе FAQ можно найти ответы на два базовых вопроса: как определить высоту и ширину клиентской области окна браузера, а также как узнать позицию курсора внутри элемента textarea. Эти данные часто нужны для создания динамических интерфейсов, которые подстраиваются под действия пользователя.

            Domain Name: JAVASCRIPT-ARRAY.COM
Registrar: GoDaddy.com, LLC
Domain Status: redemption period
Creation Date: 2006-11-27T05:58:22Z
Registry Expiry Date: 2025-11-27T05:58:22Z
Updated Date: 2026-01-08T08:12:14Z
REGISTRAR Contact: GoDaddy.com, LLC
>>> Last update of RDAP database: 2026-01-30T18:45:34Z         

テクニカルSEO

オンページSEO

コンテンツとUX