Студопедия

КАТЕГОРИИ:

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника



Привязка поведений к тексту

Читайте также:
  1. В. Характеристика концепций лидерских поведений
  2. Введення й редагування формул та тексту.
  3. ВИМОГИ ДО ТЕКСТУ ДОКУМЕНТА.
  4. Выберите окончание предложений согласно тексту статьи.
  5. Географическая привязка растра
  6. Казусы по тексту Артикула воинского (1715 год, 26 апреля)
  7. Казусы по тексту Гражданского кодекса РСФСР (1922 год, 31 октября)
  8. Казусы по тексту Грамоты на права, вольности и преимущества благороднаго Российскаго дворянства (1785 год, 21 апреля)
  9. Казусы по тексту КЗАГС (1918 год, 16 сентября)
  10. Казусы по тексту Общего положения о крестьянах, вышедших из крепостной зависимости (1861 год, 19 февраля)

Мы знаем, как привязать поведение к элементу страницы, например гиперссылке или графическому изображению. Но что делать, если мы хотим привязать его, к фрагменту текста в абзаце?

Если вы готовы пожертвовать совместимостью с 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, чтобы вам было понятнее.


Дата добавления: 2014-11-13; просмотров: 45; Нарушение авторских прав


<== предыдущая лекция | следующая лекция ==>
Внимание! | Поведения и анимации
lektsii.com - Лекции.Ком - 2014-2017 год. (0.019 сек.) Главная страница Случайная страница Контакты