Стандартный диалог alert не больно уж симпатично выглядит, да и изменить его вид не представляет возможности. Так что если вы захотите заменить его на что-нибудь более приглядное, то при помощи YUI и диалога SimpleDialog это сделать очень просто. Вот как это будет выглядеть:
Различные всплывающие окошки, выполненные на JavaScript (не путать с pop-up окнами, вызываемыми при window.open), становятся все более распространенными. Чаще всего они используются для динамического отображения подсказок, диалогов, да и просто рекламы (что зачастую раздражает 
). Сегодня я расскажу то, как можно сделать такие окна при помощи популярной библиотеки Mootools. Конечный результат будет выглядеть следующим образом:
One-Click Upload – это плагин для jQuery, который способен заменить стандартный элемент формы для аплоада файлов, причем для этой цели можно использовать ссылки, изображения или любой другой элемент. После инициализации выбранного элемента, по нажатию на него будет отображаться диалог выбора файлов, а сама загрузка файла на сервер будет происходить без перезагрузки страницы. Используя этот плагин вы сможете настроить внешний вид элементов для загрузки файлов так, как вам нужно, в отличие от стандартного поля для загрузки файлов, вид которых крайне трудно изменить (см. пример здесь).
Определять тип браузера нужно не так уж и часто, но все же приходится. И в первую очередь из-за глюков и несовместимостей некоторых из них, когда для какого-либо браузера что-то нужно сделать по-особенному. И поскольку вчера в полку браузеров прибавление – вышел Google Chrome, то теоретически возможна и новая головная боль, в том случае, если если он будет несколько “глюкавым”.
Итак, тип браузера можно посмотреть в строке User Agent. Для Google Chrome она выглядит следующим образом:
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13
Следовательно, проверку выполняем следующим образом:
var is_chrome = false, chrome_version = false;
if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1) {
is_chrome = true;
chrome_version = navigator.userAgent.replace(/^.*Chrome\/([\d\.]+).*$/i, '$1')
}
В результате переменные is_chrome и chrome_version будут указывать на то, является ли браузер Google Chrome и какая у него версия.
Думаю, пока рано бояться багов Хрома, но заранее знать как с ними бороться все же не помешает.
Успехов!
В JavaScript, каждая функция фактически является объектом класса Function, а следовательно его можно расширять, добавляя туда новые методы. Именно этим и воспользовались создатели библиотеки Mootools, добавив несколько очень полезных функций, о которых я сегодня подробно расскажу.
JSToolbox создан на основе WordPress