Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: не исчезает всплывающая подсказка
 
 автор: Илья777   (12.09.2008 в 08:13)   письмо автору
 
 

я поставил на свой сайт скрипт "всплывающая подсказка", при наведении курсора на объект она появляется, но после этого больше не исчезает и бегает за курсором по всему сайту!!!!!
вот ссылка на этот скрипт:
http://ballista.ru/scripts/tooltip#

а это кусок моего кода, может быть в нем допущена ошибка:

<tr height="150">
<td width="1000" bgcolor="#ff0000" colspan="11"><img src="grafika_dizaina/shapka.jpg" onmouseover="Tip('OMSK-LiFE.RU ')"></td>
</tr>

ПОМОГИТЕ ПОЖАЛУЙСТА!!!!

  Ответить  
 
 автор: sim5   (12.09.2008 в 08:21)   письмо автору
 
   для: Илья777   (12.09.2008 в 08:13)
 

<img src="grafika_dizaina/shapka.jpg" onmouseover="Tip('OMSK-LiFE.RU ')" onmouseout="обращение к функции, которая убъет вашу подсказку">
Кстати, ели она не такая и большая, то достаточно прописать ее а атрибуте ALT изображения.

  Ответить  
 
 автор: Илья777   (12.09.2008 в 08:28)   письмо автору
 
   для: sim5   (12.09.2008 в 08:21)
 

а как сделать через alt? для этого не нужно изменять сам скрипт?

  Ответить  
 
 автор: PAT   (12.09.2008 в 08:30)   письмо автору
 
   для: Илья777   (12.09.2008 в 08:28)
 

Как я понимаю, имелся в виду не alt, а title
<img title="Подсказка">

  Ответить  
 
 автор: sim5   (12.09.2008 в 08:31)   письмо автору
 
   для: Илья777   (12.09.2008 в 08:28)
 

<img src="grafika_dizaina/shapka.jpg" alt="Это текст к картинке" title="Это всплывающий текст к картинке">

  Ответить  
 
 автор: Илья777   (12.09.2008 в 08:34)   письмо автору
 
   для: sim5   (12.09.2008 в 08:31)
 

теперь вообще ничего не выводит(((

  Ответить  
 
 автор: Илья777   (12.09.2008 в 08:41)   письмо автору
 
   для: Илья777   (12.09.2008 в 08:34)
 

onmouseout="обращение к функции, которая убъет вашу подсказку"> а какая функция убивает подсказку???

  Ответить  
 
 автор: sim5   (12.09.2008 в 08:45)   письмо автору
 
   для: Илья777   (12.09.2008 в 08:41)
 

Которая закроет слой, в котором вы выводите подсказку. А уж как она у вас работать будет, как называться, решать вам.

  Ответить  
 
 автор: ONYX   (12.09.2008 в 08:46)   письмо автору
 
   для: Илья777   (12.09.2008 в 08:41)
 

Ну вот у вас в скрипте есть вызов подсказки при помощи onmouseover - событие наведение курсора на объект она вызывает появление подсказки. Чтобы скрыть подсказку вам соответственно нужно использовать события ухода мыши с объекта onmouseout и скрыть эту самую подсказку.

  Ответить  
 
 автор: sim5   (12.09.2008 в 08:44)   письмо автору
 
   для: Илья777   (12.09.2008 в 08:34)
 

Что вы хотите написать в подсказке? Какой текст?

  Ответить  
 
 автор: Илья777   (12.09.2008 в 08:49)   письмо автору
 
   для: sim5   (12.09.2008 в 08:44)
 

ну к примеру "omsk-life.ru" ну именно к шапке ничего писать не буду, мне главное научиться ставить посказки к картинкам, для дальнейшего пояснения. но подсказки будут короткие(2-3 слова), если не сложно объясните как сделать через alt, если так будет проще.

  Ответить  
 
 автор: sim5   (12.09.2008 в 08:53)   письмо автору
 
   для: Илья777   (12.09.2008 в 08:49)
 

В таком случае, удалите все свои функции по onmoseover (уберите это событие из тега img) - вам хватит того, чтобы прописать эти подсказки в атрибутах изображения. Прочтите это:
http://htmlbook.ru/html/img.html

  Ответить  
 
 автор: Илья777   (12.09.2008 в 09:05)   письмо автору
 
   для: sim5   (12.09.2008 в 08:53)
 

alt просто выводит подсказку, которая статична, мне нужно чтобы она двигалась вслед за курсором, тем более mozilla firefox не реагирует на alt и никак не отображает подсказку)) похоже придется через скрипт дальше делать....

  Ответить  
 
 автор: sim5   (12.09.2008 в 09:09)   письмо автору
 
   для: Илья777   (12.09.2008 в 09:05)
 

alt - это текст, который увидит пользователь, если картинка будет не доступна. title - это текст всплывающей подсказки, и его увидят все браузере. Если хотите чтобы двигалась, значит используйте события и функции открытия и закрытия подсказки.

  Ответить  
 
 автор: Илья777   (12.09.2008 в 09:07)   письмо автору
 
   для: sim5   (12.09.2008 в 08:53)
 

onmouseout="обращение к функции, которая убъет вашу подсказку"> как мне ее узнать?

  Ответить  
 
 автор: sim5   (12.09.2008 в 09:11)   письмо автору
 
   для: Илья777   (12.09.2008 в 09:07)
 

Кого узнать? Ее не узнавать надо, а написать, например: onmouseout="killerTitle()", и:

function killerTitle() {
  //код который скроет (деактивирует, удалит...) вашу подсказку
}

  Ответить  
 
 автор: Илья777   (12.09.2008 в 09:14)   письмо автору
 
   для: sim5   (12.09.2008 в 09:11)
 

огромное спасибо, все получилось)))))

  Ответить  
 
 автор: xx77   (12.09.2008 в 09:41)   письмо автору
 
   для: Илья777   (12.09.2008 в 09:14)
 

там описание былокакое-то

------------------------------------------------------
How To Use The Script

1. Download the library
Download wz_tooltip.js and unzipp it.
Top of page

Features

Cross Browser

Documentation

Extensions

Download




2. Link wz_tooltip.js into the html file
Copy the following line to inside the BODY section, preferably immediately after the opening <body> tag:
<script type="text/javascript" src="wz_tooltip.js"></script> 


If necessary, adapt the path 'src="wz_tooltip.js"' to the JavaScript file. Note: Use the downloaded file only, do not hardlink wz_tooltip.js from my site. Including the script at the beginning of the body section ensures that the tooltips are almost immediately functional, before loading the page has been finished.

3. Specify tooltip text inside onmouseover eventhandlers
Each of the html tags to display a tooltip requires an onmouseover and an onmouseout attribute like so:

<a href="index.htm" onmouseover="Tip('Some text')" onmouseout="UnTip()">Homepage </a>



That's all. No title attributes, no container DIV. As you can see, the text to be displayed must be enclosed with single quotes, and be passed to a function Tip(). Attention: Single quotes (apostrophes) inside the tooltip text each must be masked with a backslash. Example:
Tip('This text won\'t trigger a JavaScript error.');

The call of UnTip() in the onmouseout eventhandler is to hide the tooltip again.

Of course you may also use different eventhandlers for Tip() and/or UnTip().

-----------------------------------------------------------------

последняя строчка переводится как-то так

Конечно Вы можете также использовать другие eventhandlers для Tip() и/или UnTip().

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования