Этот сайт - часть системы сайтов для начинающих веб-мастеров
|
Мы знаем,
как привязать поведение к элементу страницы, например гиперссылке или графическому
изображению. Но что делать, если мы хотим привязать его, к фрагменту текста
в абзаце?
Если вы готовы
пожертвовать совместимостью с Navigator, можете использовать такой прием:
<Р>Это
<SPAN onClick="doSomething();">текст, по которому можно щелкать</span>.</Р>
function doSomething()
{
Что-то делаем.
.. }
Как видите,
нужный фрагмент текста выделен тегом <SPAN> и привязан к этому тегу обработчик
события onclick. Это работать будет, но только в Internet Explorer. Этот Web-обозреватель
предоставляет Web-программисту доступ к любому элементу страницы и, соответственно,
может обрабатывать события, происходящие в них.
Это можно
сделать и в среде Dreamweaver, воспользовавшись диалоговым окном Tag Chooser.
Выделите нужный фрагмент текста и выберите пункт Tag меню Insert
или нажмите комбинацию клавиш <Ctrl>+<E>. В левом списке окна
Tag Chooser разверните ветвь HTML Tags и выберите пункт Formatting
and Layout, далее выберите в правом списке пункт span и нажмите кнопку
Insert. После этого выделенный вами фрагмент текста будет "взят"
в тег <SPAN>. Вы можете поставить в него текстовый курсор и привязать
к нему любое поведение.
Кстати, так
можно привязать поведение к любому тегу. Смотрите сюда:
<FONT SIZE="+2"
onClick="doSomething();">Это текст, по которому можно щелкать.
</FONT>
И в этом случае
Dreamweaver придет вам на помощь. Вам останется только поставить текстовый курсор
на нужный текст и создать поведение.
Но это будет
работать только в Internet Explorer.
У Navigator
поддержка Web-программирования значительно ограничена. Он дает доступ к ограниченному
набору элементов: гиперссылкам, графическим изображениям, внедренным элементам,
фреймам, свободно позиционируемым элементам и еще кое-чему. К обычным абзацам
текста и уж тем более элементам <SPAN> нашему брату Web-программисту путь
заказан.
Что делать?
Есть один
способ. Если уж Navigator требует гиперссылки, дадим ему гиперссылку.
Взгляните
на следующий код:
<Р>Это
<А HREF="javascript:;" onClick="doSomething();">текст,
по которому можно щелкать</А>.</Р>
Мы преобразовали
нужный нам фрагмент текста в гиперссылку, привязали к ней обработчик события
onclick. В качестве значения интернет-адреса мы задали "javascript: ;",
чтобы Web-обозреватель при щелчке по такой гиперссылке никуда не переходил.
Можете проверить — такой код будет работать и в Internet Explorer, и в Navigator.
Чтобы созданная
нами гиперссылка совсем уж не походила на гиперссылку, вы можете вставить в
Тег <А> стиль. Задайте атрибуту стиля text-decoration значение
попе, чтобы отключить
подчеркивание, а атрибуту color — значение цвета вашего текста. И пусть после
этого кто-нибудь скажет, что это гиперссылка!
Конечно, все
вышеописанные манипуляции вы можете выполнить и в среде Dreamweaver. Вы можете
ввести текст javascript:; в поле ввода Link редактора свойств, поставить
в только что созданную гиперссылку текстовый курсор и воспользоваться панелью
Behaviors. Автор описал все это в HTML, чтобы вам было понятнее.