PDA

Просмотр полной версии : как сделать в HTMLе...

Lidia
10.02.2006, 23:42
Здравствуйте.
Решила поразбирать HTML и наткнулась на такое препятствие. Как сделать в HTMLе, чтобы при наведении на текст, под ним появлялосб что-то типо комментария/маленького объяснения, типо "ПРи нажатии на кнопку попадёте сюда". Пробовала такое, но результатов не дало.
<html>
<head>
</head>
<body>
<a href="http://www.rambler.ru" target="_blank">aa
<onMouseover="writeText ('переход на Rambler')"></a>
</body>
</html>

Помогите, пожалуйста.
Илья К
11.02.2006, 00:41
Если просто и без скриптов, то элементу можно просто повесить свойства title и/или alt. (кстати, вопрос ко всем: какая тут принциальная разница?)
А если красиво и пафосно, то можно создать элемент, скажет DIV, и дать ему через CSS display=none (ну, и соответствующую позицию на странице), а на элемент, на который, собственно, наводят, подвесить скрипт, меняющий значение свойства display первого элемента на "".
undeddy
11.02.2006, 12:54
<onMouseover="writeText ('переход на Rambler')>
Хм... это что за тег такой?
А вообще, здесь без JavaScript совсем никак не обойтись.
AXELit
11.02.2006, 13:34
кстати, вопрос ко всем: какая тут принциальная разница?
alt - эт свойство только для картинок.. Для того чтоб отображать какой-либо текст, когда картинки нет..

title - эт для всех тэгов.. Подсказка(Tooltip)
Илья К
11.02.2006, 13:57
alt - эт свойство только для картинок.. Для того чтоб отображать какой-либо текст, когда картинки нет..

title - эт для всех тэгов.. Подсказка(Tooltip)Правильно. Тогда так: какая разница, если у нас картинка?
Илья К
11.02.2006, 14:02
А вообще, здесь без JavaScript совсем никак не обойтись.Вопрос был в вот, как сделать "комментарий/маленькое объяснение". Без JavaScript не обойтись на этапе перехода, это да. Но для подсказки годятся и упомянавшися уже простые методы.
AXELit
11.02.2006, 14:17
Правильно. Тогда так: какая разница, если у нас картинка?
По спецификации - alt не должен всплывать при наведении..
Илья К
11.02.2006, 14:30
Понял. спасибо.
CAM
11.02.2006, 16:15
на пример:
<style>
.over a{cursor:pointer; color:#fff; background-color:#fff; padding:0; margin:0; text-decoration:none; cursor:none;}
.over p{color:#000;padding:0; margin:0; background-color:#fff; text-decoration:underline; cursor:pointer; }
.over a:hover{color:#000;}</style>
<div class="over"><a href="#"><p>over</p> information</a></div>

можно эксперементировать Ж)
Илья К
11.02.2006, 16:24
Ты вопрос читал? Причем здесь форматирование ссылки и абзаца при наведении?
CAM
11.02.2006, 17:50
ну типо комментарий без JavaScripta
Lidia
11.02.2006, 18:10
Скажите, пожалйуста, а как можно реализовать (желательно подкинуть кодик) такого типа всплывающие подсказки...http://www.xpoint.net.ru/know-how/CSS?9

Заранее спасибо.
CAM
11.02.2006, 18:19
only in FF work
Lidia
11.02.2006, 18:53
Странно...а почему IE не хочет так работать...может существует всё-таки какой-нибудь скрипт, который будет такие красивые подсказки высвечивать в обоих браузерах?
Lidia
11.02.2006, 18:56
Нашла какой-то иностранный сайт...и там такие красивые подсказки и IE, и FF показываются...кто-нибудь может сказать скрипт, который так хорошо работает в обоих браузерах?
Lidia
11.02.2006, 18:57
Сам сайт такой: http://digi.physic.ut.ee/core/index.php?ID=inimesed/
Coffee
11.02.2006, 19:50
Правильно. Тогда так: какая разница, если у нас картинка?

Alt только в ИЕ показывает.
Илья К
11.02.2006, 22:08
Значится так. Решение есть, в аттаче. Поясню его на всякий случай.<SCRIPT Language="JavaScript">

Шаг 1. Определяем браузер.

Шаг 2. Вешаем на каждое движение мышкой скрипт для опрделения ее текущих координат.

Шаг 3. Определяем функции показа и скрытия подсказки.

</SCRIPT>Есть маленькая проблема, скорее теоретического характера. Скрипт (в третьем шаге) работает так: при наведении на ссылку делает ДИВу подсказки display="" и и позициониерует его рядом с мышкой, а при onmouseover просто дает ДИВУ display=none. Так вот, задумывалось так, что изначально у ДИВа подсказки display=none. НО как только это прописываешь, скрипт вообще перестает работать -- приходится прописывать ему вместо этого отрицательное позиционирование. А это не есть эстетично... Какие идеи?

P.S.
Первые два "шага" я стянул тут (http://www.kruglov.ru/articles/crossbrowserdhtml/). Большое спасибо этому доброму человеку (http://www.kruglov.ru/)!

P.P.S.
В разделе ПХП есть подраздел "Готовые решения". К админам: почему бы не сделать то же здесь?
Niketas
20.02.2006, 01:03
Я бы посоветовал вам, Лидия, не заставлять людей думать, зачем такая красота у подсказки, и использовать стандартный title. Тогда и у вас проблем не будет, и они не испугаются =)
Это я так, на всякий случай.
KidsKilla
20.02.2006, 18:16
http://htmlcoder.visions.ru/JavaScript/?11
Илья К
20.02.2006, 18:49
Я бы посоветовал вам, Лидия, не заставлять людей думать, зачем такая красота у подсказки, и использовать стандартный title. Тогда и у вас проблем не будет, и они не испугаются =)
Это я так, на всякий случай."Я бы посоветовал вам, Лидия" прислушаться к словам бывалого, пощадить несчастных пользователей. А то знаете, зайдешь, бавыет, на страницу, ничего не подозреваешь, а там... подсказка!.. Страшно... БРРРР... Да и вообще скрипты, сиэсэсы там всякие -- ну их в пень, от лукавого все это. Пишите просто текст, вот. И шоб без подчеркиваний там всяких и без курсивов. А то ведь народ задумываться начнет "а что бы это значило", подезревать будет...
Короче, веб в формате *.txt -- просто и со вкусом! Навсегда! :)