Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Аналог alt в FireFox... В FireFox alt не работает! 
:(
    Опции темы
sam
Дата 17.8.2006, 14:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 9
Регистрация: 10.8.2006

Репутация: нет
Всего: нет



Доброе утро!
Собственно такая неувязочка: Internet Explorer, который так все нелюбят от того, что он забивает на все стандарты, имеет в своём распоряжении alt для тэга <IMG>: он позволяет выводить текст при наведении на это изображение мышой.. Причём от title он отличается тем, что при отсутствии картинки, он на это место вписывает содержимое alt-а. Но это не суть. В FireFox (и, догадоваюсь, в последней версии NetScape) это неработает.  Пытался заменить на title. Но там ограничение на размер выводимого текста.. то есть - очень много текста он и не покажет... В принципе, если так всё обломно - то уже думал это заделать onmouseover="mytitle()". Но тут второй вопрос.. КАК сделать такое маленькое окошечко в функции... тоесть даже ведь не окошко, а просто текст фактически (аналог title...) А так кроме alert() прямо сразу в голову ничего не приходит... smile может кто-то делал что-то подобное..?

Это сообщение отредактировал(а) sam - 17.8.2006, 14:07
PM MAIL   Вверх
dstorm81
Дата 17.8.2006, 17:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


бездельник
***


Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39



это называется типа тултип, может это?
Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>tooltip</title>

<style type="text/css">
/*<![CDATA[*/
#shower{position:absolute;width:200px;height:100px;border-color:black;border-style:solid;border-width:1px;background-color:#eee;top:0px;left:0px;z-index:10;display:none}
/*]]>*/
</style>

<script type="text/javascript">
//<![CDATA[
function detectTooltip(e)
{
e=e||window.event;
i=e.target||window.event.srcElement;
if(i.getAttribute('rel'))
 {
 toolObj=document.getElementById('shower');
 toolObj.style.left=e.clientX+20+'px';
 toolObj.style.top=e.clientY+document.documentElement.scrollTop+10+'px';
 toolObj.innerHTML=i.getAttribute('rel');
 toolObj.style.display='block';
 } 
else{document.getElementById('shower').style.display='none';}
//document.title=document.documentElement.scrollTop

}

document.onmousemove=detectTooltip



//]]>
</script>
</head>
<body>
<div id="shower"></div>
<a href="#" rel="тут всякая информация 1">links</a><br />
<a href="#" rel="тут всякая информация 2">links</a><br />

<a href="#" rel="тут всякая информация 3">links</a><br />
<a href="#" rel="тут всякая информация 4">links</a><br />
<a href="#" rel="тут всякая информация 5">links</a><br />
<a href="#" rel="тут всякая информация 6">links</a><br />
<a href="#" rel="тут всякая информация 7">links</a><br />
<a href="#" rel="тут всякая информация 8">links</a><br />
<a href="#" rel="тут всякая информация 9">links</a><br />
<a href="#" rel="тут всякая информация 10">links</a><br />
<a href="#" rel="тут всякая информация 11">links</a><br />

<a href="#" rel="тут всякая информация 12">links</a><br />
<a href="#" rel="тут всякая информация 13">links</a><br />
<a href="#" rel="тут всякая информация 14">links</a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<br />
<br />
<br />
<br />
<br />
<a href="#" rel="тут всякая информация 1">links</a><br />
<a href="#" rel="тут всякая информация 2">links</a><br />
<a href="#" rel="тут всякая информация 3">links</a><br />
<a href="#" rel="тут всякая информация 4">links</a><br />
<a href="#" rel="тут всякая информация 5">links</a><br />
<a href="#" rel="тут всякая информация 6">links</a><br />

<a href="#" rel="тут всякая информация 7">links</a><br />
<a href="#" rel="тут всякая информация 8">links</a><br />
<a href="#" rel="тут всякая информация 9">links</a><br />
<a href="#" rel="тут всякая информация 10">links</a><br />
<a href="#" rel="тут всякая информация 11">links</a><br />
<a href="#" rel="тут всякая информация 12">links</a><br />
<a href="#" rel="тут всякая информация 13">links</a><br />
<a href="#" rel="тут всякая информация 14">links</a><br />
<br />

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</body>
</html>




--------------------
на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

PM   Вверх
sam
Дата 18.8.2006, 15:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 9
Регистрация: 10.8.2006

Репутация: нет
Всего: нет



dstorm81 - спасибо. оно работает и то, что нужно... smile   я как-то читал про что-то подобное в MS-IE: там это что-то через классы делали, которые только MS-IE и поддерживаются...короче обломно всё было.. smile 
PM MAIL   Вверх
Replicator
Дата 18.8.2006, 16:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 121
Регистрация: 30.4.2006
Где: Outer Heaven

Репутация: нет
Всего: нет



А что мешает использовать alt и title вместе? Вообще-то по стандартам, alt и не должен всплывать. В alt указывается альтернативный текст. title же, напротив, предназначен для создания всплывающих подсказок.

Если тебу нужно вводить много текста и тебя не смущает то, что javascript может быть и отключен, то предложенное выше решение для тебя.
--------------------
 
PM WWW ICQ   Вверх
sam
Дата 22.8.2006, 10:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 9
Регистрация: 10.8.2006

Репутация: нет
Всего: нет



Replicator - я там всю навигацюи по скрипту сделал... поэтому без него отсутствие всплывающих пояснений к картинкам - не самое страшное.. smile К тому же пояснения эти примерно све одинаковые - поэтому чисто из экономии уже стоит динамически их выводить... Но предложенный выше способ имеет свои траблы.. Я обнаружил сразу две... Поскольку они сильносвязаны - их я в одну опишу.. smile  То есть тема такая - чтобы содержание в появляющемся окошке полностью его заполняло надо или как-то  высчитывать длину (например сделать максимальную ширину окошка 200px и если строка меньше - то ровно в длину строки) или просто пропустить определения ширины и высоты.. Второе было бы проще, но тогда сложнее решать другую проблемму: если картинка конкретно справа, то этот комент скипывается по скролингу... То есть надо в зависимости от положения контроллировать положение окошка этого вокруг мышки... И вот тут то очень пригодится его ширина... Это всё конечноже написуемо, но громоздко получается.. smile А разве в FF нет чиста аналога... чтобы много текста над картинкой выводить...?
А вот про код этой реализации - мне не очень понятна эта строчка

e=e||window.event;

Почему сразу нельзя без ИЛИ...?  smile 
PM MAIL   Вверх
Illuminaty
Дата 22.8.2006, 13:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 4
Всего: 56



Отличное решение проблемы без использования скриптов здесь
PM MAIL ICQ   Вверх
sam
Дата 22.8.2006, 19:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 9
Регистрация: 10.8.2006

Репутация: нет
Всего: нет



Illuminaty - там та же проблемма с определением места ссылки вокруг курсорчека... но запись (текста комментария) более громоздкая... Поэтому даже не знаю, почему "отличное... может быть - хитроумное (там ещё и ссылкой надо заделывать картинку...)
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0866 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.