Укажите телефон
Если хочется задать какой-то отступ
от
границы
окошка
и
сменить
цвет
фона подсказки на свой, то следую-
щий код иллюстрирует это:
Укажите телефон: <img src=”tips.gif”
onmouseover=”Tip(‘Укажите телефон:
в начале в скобках код города, затем
остальные цифры через тире’, WIDTH,
150, PADDING, 6, BGCOLOR, ‘#ffffff’)”
onmouseout=”UnTip()”> Cinput
name=”phone” type=”text” value=””>
Тут применяется параметры
PADDING
и
BGCOLOR
(рис. 6).
А как быть, если очень нужен заголо-
вок?
Да,
пожалуйста!
Всего-то
надо
указать служебное слово
TITLE
и
че-
рез запятую текст для заголовка
(рис. 7).
Укажите телефон: <img src=”tips.gif”
onmouseover=”Tip(‘B начале в скобках код го-
рода, затем остальные цифры через тире’, TITLE,
‘Укажите телефон’, BGCOLOR,
onmouseout=”UnTip()”> Cinput name=”phone”
type=”text” value=””>
...
Укажите телефон: в
Рис
.
6
начале в скобках код
города, затеи остальные
цифры через тире
Укажите телефон: ©
Рис. 7
Укажите телефон
в начале в скобках код города, затем остальные цифры через тире
Укажите телефон
О
Рис. 8
Если же в подсказку необходимо включить ил-
люстрацию,
то
можно
сделать
и
так
(рис.
8),
просто
сверстав
нужный
HTML-код.
Главное,
внимательно слэшевать одинарные и
двойные кавычки:
Укажите телефон: <img src=”tips.gif”
onmouseover=”Tip(‘<img src=\’com-
put.pngV width=\’ 15 0 \’ height=\’6 0 \’
align=\’right\’>/loroTHn &nbsp;<br> нашего<Ьг>
журнала’)”
onmouseout=”UnTip()”> cinput name=”phone”
type=”text” value=””>
Укажите телефон: ©
Укаж ите телефон
званием параметра еле-
ф
дует временной интервал
в миллисекундах, в течение
которого будет выполняться
эффект плавного появления
и затухания подсказки.
Чтобы у подсказки по-
явилась тень, ука-
жем параметр
и его значе-
ние
true
(рис. 9).
Но
нам
этого
мало.
Давайте сделаем так, чтобы
у
окна
подсказки
был
не
только
заголовок,
но
и
кнопка
закрытия
подсказки.
Т.е.
подсказка
не
исчез-
нет,
пока
пользователь
не
кликнет
на
кнопке закрытия окна. За это отвечает па-
раметр
“CLOSEBTN, tru e ”.
Vi
• А чтобы окно закрывалось еще и при клике
на содержимом окна, добавим параметр
“CLICK-
CLOSE,
tru e ”.
Но чтобы наша подсказка не исче-
зала
при
появлении
другой
подсказки,
добавим
параметр
“STICKY,
1”:
Укажите телефон: cimg src=”tips.gif”
onmouseover=”Tip(‘B начале в скобках код
города, затем остальные цифры через тире’,
WIDTH, 300, TITLE, ‘Укажите телефон’, SHAD-
OW, true, FADEIN, 300, FADEOUT, 300, STICKY,
1, CLOSEBTN, true, CLICKCLOSE, true)”
onmouseout=”UnTip()”> cinput name=”phone”
type=”text” value=””>
При
желании,
в
под-
»r
Логотип
нашего
журнала
Рис. 9
В начале в скобках код города, затеи остальные
цифры через тире
____________
,
сказку можно вставить и
таблицу
и
ссылки.
Тут
полная
свобода
дейст-
вий. Только не забывай-
те слэшевать одинарные и двойные кавычки.
Фух, статья уже подходит к концу, а я еще не рас-
сказал
и
половины
возможностей
этой
замеча-
тельной
кросс-браузерной
библиотеки.
Поэтому
предлагаю скачать архив с примерами и докумен-
тацией на сайте нашего журнала и изучить само-
стоятельно более детально.
Владислав Демьянишин
Автор данной библиотеки заложил столько раз-
нообразных
возможностей
в
свое
творение,
что
нам остается черпать и черпать всевозможные ва-
рианты
оформления
подсказок.
Наконец,
пожа-
луй, самое вкусное;)
А именно, давайте попробуем сделать так, чтобы
окно подсказки плавно появлялось и плавно исче-
зало. Да еще чтобы отбрасывало на веб-страницу
тень. Думаете, ничего у нас не выйдет?
А вот и не угадали. Для этого укажем параметры
“ЕАОЕ/А/,
3 0 0 , РАОЕОиТ, 3 0 0 ”,
где сразу за на-
Продаётся модем, подключённый к Интернет.
(У)
(У )
V-V
Раньше микропроцессоры были большими и зани-
мали целые комнаты.
..
(У)
(У)
VW,
У меня к Майкрософту только один вопрос,
но
глобальный: вы там карты в пасьянсе тусуете пе-
ред
сдачей?
Компьютер недостаточно умен для того,
что-
бы делать ошибки. (Слоган корпорации ИВМ»)
предыдущая страница 38 Компьютер 2012 06 читать онлайн следующая страница 40 Компьютер 2012 06 читать онлайн Домой Выключить/включить текст