Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)
-   -   как сделать в HTMLе... (http://www.flasher.ru/forum/showthread.php?t=75384)

Lidia 10.02.2006 23:42
как сделать в HTMLе...
 
Здравствуйте.
Решила поразбирать 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
Цитата:
Сообщение от Lidia
<onMouseover="writeText ('переход на Rambler')>
Хм... это что за тег такой?
А вообще, здесь без JavaScript совсем никак не обойтись.

AXELit 11.02.2006 13:34
Цитата:
кстати, вопрос ко всем: какая тут принциальная разница?
alt - эт свойство только для картинок.. Для того чтоб отображать какой-либо текст, когда картинки нет..

title - эт для всех тэгов.. Подсказка(Tooltip)

Илья К 11.02.2006 13:57
Цитата:
Сообщение от AXELit
alt - эт свойство только для картинок.. Для того чтоб отображать какой-либо текст, когда картинки нет..

title - эт для всех тэгов.. Подсказка(Tooltip)
Правильно. Тогда так: какая разница, если у нас картинка?

Илья К 11.02.2006 14:02
Цитата:
Сообщение от undeddy
А вообще, здесь без 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
Готовое решение для Explorer и Mozilla
 
Вложений: 1
Значится так. Решение есть, в аттаче. Поясню его на всякий случай.
Код HTML:
<SCRIPT Language="JavaScript">

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

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

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

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

P.S.
Первые два "шага" я стянул тут. Большое спасибо этому доброму человеку!

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
Цитата:
Сообщение от Niketas
Я бы посоветовал вам, Лидия, не заставлять людей думать, зачем такая красота у подсказки, и использовать стандартный title. Тогда и у вас проблем не будет, и они не испугаются =)
Это я так, на всякий случай.
"Я бы посоветовал вам, Лидия" прислушаться к словам бывалого, пощадить несчастных пользователей. А то знаете, зайдешь, бавыет, на страницу, ничего не подозреваешь, а там... подсказка!.. Страшно... БРРРР... Да и вообще скрипты, сиэсэсы там всякие -- ну их в пень, от лукавого все это. Пишите просто текст, вот. И шоб без подчеркиваний там всяких и без курсивов. А то ведь народ задумываться начнет "а что бы это значило", подезревать будет...
Короче, веб в формате *.txt -- просто и со вкусом! Навсегда! :)


Часовой пояс GMT +4, время: 14:34.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.