Не ошибусь, если скажу, что Интернет является постоянным местом пребывания, как на работе, так и дома довольно значительного числа пользователей. Почему? А песню новую скачать, просмотреть новости, отправить почту, поболтать с друзьями в чате, наконец. А что такое Интернет в MS Windows? Чаще всего IE (Internet Explorer). Если вы согласны с подобным утверждением, эта статья для вас.

Internet Explorer 5.х предоставляет множество путей для расширения своей функциональности. Можно добавлять новые кнопки в панель инструментов (Toolbar), расширять обычные и контекстные меню, изменять список приложений, с которыми взаимодействует IE (почтовый клиент, редактор HTML и т. д.). И это далеко не все, но надо признаться, все другие требуют серьезных знаний в программировании и слишком сложны для новичков.

Панель инструментов (Toolbar) Internet Explorer предоставляет возможность для быстрого доступа к различным утилитам или соответствующим пунктам контекстных меню. Вы можете, нажав на кнопку, быстро послать документ на печать, обновить страницу или просмотреть папку Favorites. По-моему, одна из самых неудобных особенностей этой программы является выбор размера шрифтов. Так, в отличие от NN (Netscape Navigator), существует лишь пять предусмотренных вариантов: smallest-smaller-medium-larger-largest. Порой хотелось бы получить больше.

Первый пример будет посвящен тому, как решить эту проблему. Мы добавим свою кнопку на панель инструментов и заставим ее делать то, что нам нужно. Для этого понадобится по минимуму: редактор реестра и текстовый редактор.

В чем же заключается технология добавления своих расширений? Все очень просто: в определенном ключе реестра записываются соответствующие значения. Мы должны будем указать иконки, отображающиеся на кнопке, появляющийся в контекстных меню текст, и конечно, событие, которое будет происходить при нажатии на кнопку.

Запускаем редактор реестра regedit. Переходим к следующему ключу

HKEY_LOCAL_MACHINE\Software\ Microsoft\Internet Explorer\ Extensions, каждый подключ которого представляет собой уникальный номер. Далее с помощью команды «Правка» — «Создать» — «Раздел» создаем еще один подключ с названием

{AA689822-DC16-44e8 -BD5D-9E898466FA36}.

Теперь во вновь появившемся ключе задаем следующие строковые значения:

ButtonText — текст, возникающий в виде всплывающей подсказки, когда курсор мыши будет находиться над нашей кнопкой;

MenuText — название соответствующей опции в меню Tools;

MenuStatusBar — текст, который Internet Explorer будет отображать в строке статуса при выборе меню;

Icon — путь к файлу-иконке с расширением .ico. Это и будет «лицо» нашей кнопки;

HotIcon — когда курсор мыши находится над кнопкой, будет отображаться указанная в этом параметре иконка;

Default Visible — может принимать значения «yes» или «no». Обозначает, будет ли кнопка отображаться в панели инструментов. Если указано «no», вы ее там не увидите, но сможете добавить, используя опцию Customize (появляется при клике правой кнопкой мыши на панели инструментов);

Clsid — в нашем случае должно иметь значение {1FBA04EE-3024-11 D2-8F1F-0000F87ABD16}. Оно указывает браузеру на то, что мы хотим создать только кнопку, без связанного с ней deskband (пристыковывающееся окошко, вроде того, что появляется при нажатии на кнопку Search);

Exec — командная строка, которая будет выполнена при нажатии на кнопку. Например: “notepad.exe”.

Script — если необходимо выполнить HTML-страницу, воспользуйтесь этим параметром. В качестве его значения укажите файл, содержащий только тэги <SCRIPT>. Он может иметь следующий вид

<SCRIPT LANGUAGE=“JavaScript”> alert(“Hello !!!!”); </SCRIPT>

Не запрещается использовать и другие элементы DHTML. Это может быть обычная страница. Вы все также сможете иметь доступ ко всем объектам на ней, только вот визуально отображаться они не будут, и эффект от выполнения этой страницы будет заметен только благодаря содержимому тэга <SCRIPT>.

Вы можете создать пустой текстовый файл с расширением *.reg и скопировать туда некоторый текст. Это позволит использовать его как шаблон при добавлении новых, а также изменении значений уже существующих кнопок или меню. Для приведенных примеров достаточно просто скопировать их текст в соответствующие файлы. После этого двойным кликом добавьте информацию в реестр, предварительно изменив соответствующие значения и пути к вашими файлам.

=====InstallButton.reg====== REGEDIT4 [HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\Extensions\{AA689822-DC16-44e8-BD5D-9E898466FA36}] "ButtonText"="Изменить размер шрифта" "MenuText"="Изменить размер шрифта" "MenuStatusBar"="Расширение меню View\Text Size" "Clsid"="{1FBA04EE-3024-11d2-8F1F-0000F87ABD16}" "Default Visible"="Yes" "Icon"=" shell32.dll,50" "HotIcon"="shell32.dll,50" "Script"="C:\changefont.htm" ;Параметр Exec закомментирован, так как уже используется Script ;"Exec"="<some file>.exe" ====== End of InstallButton.reg========

Как вы успели заметить, два параметра позволяют осуществить какое-либо действие. В случае с Exec можно вызвать внешнюю программу или скриптовый файл, Script же выполнит HTML-страницу в текущем контексте браузера. Это означает, что при помощи объекта external можно получить полный доступ к данным отображаемого в сей момент документа. Используя Exec, вы добьетесь аналогичного эффекта, но делается это гораздо сложнее и требует большего времени на подготовку. После того, как вы повторили все вышеперечисленные действия, при последующем запуске IE отобразит ваших рук творение, как показано на рисунке 1.

Но вы преодолели лишь полпути. Теперь самое сложное — заставить все это делать то, что нам нужно. Следующий листинг реализует простой диалог выбора размера шрифта. Он очень прост, если вы поймете идею, то сможете добавить в него что-то свое.

=====C:\ changefont.htm======= <BODY> <DIV ID=divChFont> <SELECT ID=selFontSize ONCHANGE="javascript:function size(val){var i = document.all.length;for(var j = 0;j < i; j++){document.all.item(j).runtimeStyle.fontSize = val+'pt';}document.body.removeChild(divChFont);}size(selFontSize.value);"> <OPTION SELECTED VALUE=8>8 <OPTION VALUE=10>10 <OPTION VALUE=12>12 <OPTION VALUE=14>14 <OPTION VALUE=16>16 </SELECT> </DIV> </BODY> <SCRIPT LANGUAGE=JavaScript > var ext = window.external.menuArguments; ext.document.body.insertAdjacentHTML("afterBegin",document.body.innerHTML); </SCRIPT> =======End of C:\ changefont.htm=========

Если приведенный пример показался вам слишком сложным, воспользуйтесь другим. Он позволит перевести ваш браузер в режим HTML-редактора. Иногда это бывает полезно, особенно при небольших изменениях на странице.

<SCRIPT LANGUAGE=JavaScript > var ext = window.external.menuArguments; ext.document.designMode=”On”; </SCRIPT>

Пока мы рассмотрели особенности IE, отвечающие за представление информации. Думаю, вы не раз сохраняли всю страницу только из-за нескольких абзацев текста. Ведь так быстрее и удобнее, чем копировать и вставлять заинтересовавший вас кусочек в другие документы. Почему бы не наделить браузер функцией автореферата? Это не обязательно должна быть сложная программа. Для начала достаточно, если выделенный фрагмент текста будет добавляться к уже существующему файлу; для каждого документа свой файл.

IE уже имеет стандартное меню для работы с выделенным текстом (copy, paste etc.), нам остается добавить необходимый пункт в него. Схема гораздо проще, чем в примере с кнопками. Достаточно открыть редактор реестра и перейти к ключу HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\MenuExt. Если его нет, создайте новый. Все подключи этой ветви будут именами новых меню. Значения по умолчанию аналогичны значениям Script, то есть в них следует указать путь к скриптовому файлу. В общем, этого достаточно, чтобы новая опция меню появилась.

Есть возможность избирательно вводить эти расширения, необходимо лишь добавить параметр Contexts типа DWORD и присвоить ему одно из следующих значений или их комбинацию. Например, значение 0x20 заставит браузер отображать ваше меню только при нажатии на гиперссылке (см. табл.). Теперь спокойно запускайте IE и в случае успеха, вы увидите меню, изображенное на рисунке 2.

Функция автореферата работает с выделенным текстом, следовательно, наше значение 0x10. Вот код, реализующий эту функцию:

<SCRIPT LANGUAGE=JavaScript> var refpath="C:\\referats\\"; //измените это значение на другой путь, если необходимо var ForAppending = 8; var ext = window.external.menuArguments; var fs = new ActiveXObject("Scripting.FileSystemObject"); //создаем объект для доступа к файловой системе if (!fs.FolderExists(refpath)) fs.CreateFolder(refpath); //убедимся, что папка для рефератов существует, если нет создадим var file = fs.OpenTextFile(refpath+ext.document.title+".htm",ForAppending,true); //открываем или создаем файл реферата с именем, соответствующим заголовку окна var selrange = ext.document.selection.createRange(); //получаем выделенный фрагмент file.write(selrange.htmlText); //добавляем его к файлу file.Close(); </SCRIPT>

Естественно, все приведенные выше примеры не претендуют на звание истины в последней инстанции. Я ставил своей целью показать, не углубляясь в дебри программирования, как применить существующие технологии к повседневным нуждам обычного пользователя. Получилось или нет, судить вам.

Если вас что-либо заинтересовало в этой статье и возникли какие-либо вопросы или предложения, прошу писать на razor20@ukr.net.

Андрей Смынтына
Источник: http://www.mycomp.com.ua/

НОВОСТИ

Браузер MSIE 6 вне всякого сомнения будет одним из самых массовых. Уже сейчас им пользуется по разным оценкам от 25% до 30% серферов, так что пришло время поговорить о том новом, что принес с собой очередной хит компании Microsoft. Эта статья посвящена нововведениям в поддержке CSS.

Сразу надо сказать, что в глобальном плане ничего нового нет. Стандарт CSS-2 по-прежнему поддерживается слабо, однако завершена реализация поддержки стандарта CSS-1, то есть он теперь поддерживается полностью. Добавлено два новых свойства: min-height и word-spacing. Вот и рассмотрим их подробнее.

min-height

данное свойство устанавливает минимальную высоту элемента. В MSIE 6 его можно применять к элементам TR, TD, TH в таблице, у которой свойство table-layout имеет значение fixed. Здесь надо отвлечься и рассказать об этом свойстве.

Вообще свойство table-layout описано в спецификации CSS-2, и оно устанавливает алгоритм, по которому будет обрабатываться таблица. Алгоритма вообще два. Первый из них достаточно медленный и установлен по умолчанию (table-layout: auto). Медленный он по той простой причине, что пока все содержимое таблицы не будет загружено браузером, он не сможет просчитать ее параметры. Например, в таблице три столбца и четыре строки, а в каждой ячейке содержится рисунок. Получается 12 рисунков. Пока браузеру не станут известны размеры всех рисунков, он не сможет просчитать ширину и высоту таблицы.

Данный алгоритм не учитывает содержимое отдельных ячеек при вычислении ширины таблицы и отдельных ячеек. Он использует значения ширины таблицы, ширины столбцов, рамок и расстояний между ячейками. По этому алгоритму ширина столбцов таблицы вычисляется в следующем порядке:

1. используя значение атрибута WIDTH элементов COL
2. используя значение атрибута WIDTH элементов TD первого ряда таблицы
3. если данные значения не установлены, то ширина столбцов вычисляется соответственно контенту ячеек.

Подбираемся ближе к свойству min-height. Контент в столбце фиксированной таблицы, если это возможно, будет переноситься, а если нет, то обрезаться. Вот тут-то нам и пригодится свойство min-height. Вот пример:

Так что польза от данного свойства есть, но весьма ограниченная. При верстке блоками свойства min-height, min-width, max-height и max-width крайне полезны. Однако в браузере IE6 реализовали только min-height да и то крайне ущербно. Честно говоря, это разочаровывает. Пойдем дальше.

word-spacing

позволяет устанавливать расстояние между словами, причем можно указывать и отрицательные величины.

Вот пример того, как это свойство работает:

Особой пользы, на мой взгляд, от этого свойства нет. Можно применять для всяких дизайнерских штучек, вроде слипающихся слов (обычно одно из них выделяется полужирным); можно слегка регулировать информационную плотность в тексте, но не более того.

Михаил Дубаков
Web-анатомия

Загрузите Internet Explorer, войдите в справку и дальше в пункт "О программе". Возникнет соответствующее окошко. Удерживая клавишу CTRL захватите правой кнопкой мыши значок "е" в верхнем правом углу и сделайте несколько витков вокруг земного шара. Надпись "Internet Explorer" отодвинется, представив вашему взору кнопку. Нажмите ее, переместите значок "е" на земной шар и наслаждайтесь зрелищем!

КНИГИ & CD

РЕКОМЕНДУЮ

"Путеводитель по электронным магазинам Рунета" - из рассылки вы узнаете как совершать покупки в Интернете, как правильно оформить и оплатить заказ, как и где получить скидки, какие существуют платежные системы и как с ними работать... А также, обзоры наиболее выгодных предложений крупнейших российских интернет-магазинов: программы, игры, печатная продукция, портативная техника и многое другое...
периодичность - 1 раз в неделю