prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Всё для вебмастера » Всё для DataLife Engine » DLE хаки » Скрипт всплывающих подсказок (tooltip или hint)

Скрипт всплывающих подсказок (tooltip или hint)


Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
У нас вы можете скачать бесплатно Скрипт всплывающих подсказок (tooltip или hint).


Скрипт всплывающих подсказок (tooltip или hint)


Полностью рабочий вариант скрипта, работает во всех браузерах. Проверял в браузерах: Opera, Safari, Google Chrome, Mozilla, Navigator, IE 6-8. Пример работы скрипта можно посмотреть на данном сайте. Наведите курсор например на логотип нашего сайта

Установка:

Создайте файл tooltip.js в директиве вашего сайта, и вставьте в него следующий код:



Вверху кода увидите настройки. Из них я выставил только задержку появления на 0 (чтобы подсказка появлялась мгновенно).
К настройкам добавлю от себя: чтобы изменить расстояние между курсором и подсказкой, найдите (123 строка):

tooltip.t.style.left = x + 12 + "px";
tooltip.t.style.top = y + 12 + "px";

Первая строчка - горизонталь, вторая - вертикаль. "12" - это расстояние в пикселях подсказки от курсора. Изменяйте по своему усмотрению.

Затем в Ваш style.css, вставьте стиль для всплывающей подсказки:
#tooltip{
background:#fff;
border:1px solid #46688e;
color:#215d98;
font:11px verdana;
margin:0px;
padding:5px;
position:absolute;
visibility:hidden;
}


В Вашем шаблоне, в файл главной страницы (main.tpl) между тегами head, вставьте (обязательно полный путь, с http):

<script language="javascript" src="путь к файлу/tooltip.js"></script>


0
Просмотры: 5162 VIP ProWebber | Комментарии (10)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1Delacrua

  • 9 сентября 2011 10:43
  • Регистрация: 14.10.2010
  • ICQ: 330933
  • Комментариев: 278
  • Выкл.
Не плохая штука, спасибо Saneka2692, возьмем скрипт в коллекцию.

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

0

#2alexben

  • 9 сентября 2011 12:58
  • Регистрация: 5.05.2011
  • ICQ: --
  • Комментариев: 28
смысл писать на голом js если уже подключена библиотека jquery

0

#3grimmjow

  • 9 сентября 2011 14:32
  • Регистрация: 22.10.2010
  • ICQ: --
  • Комментариев: 51
Ахринеть...спиздить начисто у Inrus-a гайд и ни 1 копирайта

0

#4Saneka2692

  • 9 сентября 2011 17:05
  • Регистрация: 2.10.2010
  • ICQ: --
  • Комментариев: 56
Цитата: grimmjow
Ахринеть...спиздить начисто у Inrus-a гайд и ни 1 копирайта

Ни чего не воровал я и ни каких копирайтов не снимал. Как скачал так и залил ни чего не трогая. Этот модуль уже не на одном сайте валяется. Так что ты мне прикажешь указывать все сайты на которых есть этот скрипт? Или искать автора в просторах интернета?

0

#5Delacrua

  • 9 сентября 2011 19:04
  • Регистрация: 14.10.2010
  • ICQ: 330933
  • Комментариев: 278
  • Выкл.
Цитата: alexben
смысл писать на голом js если уже подключена библиотека jquery

ты это скажи товарищу, которого зовут Paul Sowden, и Ajax`а никакого к скрипту он не подключал.

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

0

#6grimmjow

  • 9 сентября 2011 19:43
  • Регистрация: 22.10.2010
  • ICQ: --
  • Комментариев: 51
http://prowebber.ru/dle/hacks/4087-novyy-krasivyy-hint-tooltip-na-jquery-fixed.h
tml

0

#7pirat81

  • 9 сентября 2011 22:22
  • Регистрация: 9.09.2011
  • ICQ: --
  • Комментариев: 2
Не понятно зачем это нужно, если есть jquery и куча решений на нём.

0

#8vetalio

  • 11 сентября 2011 18:27
  • Регистрация: 15.01.2011
  • ICQ: --
  • Комментариев: 15
  • Выкл.
большое спасибо

0

#9infosite

  • 15 сентября 2011 12:02
  • Регистрация: 13.09.2010
  • ICQ: --
  • Комментариев: 76
прикольная штука good

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

0

#10IceSn1per

  • 13 ноября 2011 14:36
  • Регистрация: 13.11.2011
  • ICQ: --
  • Комментариев: 9
Нужный скрипт smile

0
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

Последние комментарии:

Искать людей

Ваши переписки