X   Сообщение сайта
(Сообщение закроется через 2 секунды)

Здравствуйте, гость ( Вход | Регистрация )

 
Ответить в данную темуНачать новую тему
> [решено]Использование eleanor_tooltip.js вне админчасти сайта.
Loader
сообщение 2011-08-05, 12:32
Сообщение #1
Профессионал
Иконка группы

Группа: Eleanor user
Сообщений: 1 161
Регистрация: 2010-04-19

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


Пытаюсь использовать файл eleanor_tooltip.js вне админчасти сайта.
Кто не в курсе: она выводит всплывающие подсказки в админке:



Что делаю для подключения:
В нужном месте добавляю:
global $jscripts;
$jscripts[]='js/eleanor_tooltip.js';

Далее добавляю в файл стилей:
Цитата
.labinfo { display: inline-block; white-space: nowrap; margin: -2px 2px 0 0; vertical-align: middle; line-height: 40px; height: 13px; width: 16px; overflow: hidden; background: url("../images/labinfo.png") no-repeat 0 0; }
И копирую картинку labinfo.png.
Ну и наконец пытаюсь выводить результат с всплывающей подсказкой:
Цитата
<span class="labinfo" onmouseover="ElTip(this,\'Оставите незаполненным - будет как заголовок\')">(?)</span>Выбрать получателя:

Результат: ни фига! :nea:
Что ещё ей надо?

Сообщение отредактировал Loader - 2011-08-05, 13:12
Перейти в начало страницы
+Цитировать сообщение
DeD
сообщение 2011-08-05, 13:04
Сообщение #2
Любитель
Иконка группы

Группа: Eleanor user
Сообщений: 153
Регистрация: 2009-03-01
Из: Россия, Краснодар

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


В стиль добавь следующее:
.labinfo { display: inline-block; white-space: nowrap; margin: -2px 2px 0 0; vertical-align: middle; line-height: 40px; height: 13px; width: 16px; overflow: hidden; background: url("../images/labinfo.png") no-repeat 0 0; }
/*tooltip*/
.tooltip { width: 260px; z-index: 101; position:absolute; display:none; }
.tooltippoint { display: block; width: 9px; height: 5px; margin-left: 8px; }
.tooltipcont { margin-top: -1px; border: 1px solid #aaa; padding: 2px 4px; background-color: #fff; }
И будет тебе счастье

Сообщение отредактировал DeD - 2011-08-05, 13:05
Перейти в начало страницы
+Цитировать сообщение
Loader
сообщение 2011-08-05, 13:11
Сообщение #3
Профессионал
Иконка группы

Группа: Eleanor user
Сообщений: 1 161
Регистрация: 2010-04-19

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


Цитата (DeD @ 2024-03-28 19:05)
И будет тебе счастье

О да! :music:
Перейти в начало страницы
+Цитировать сообщение
scanread
сообщение 2011-08-24, 0:51
Сообщение #4
Любитель
Иконка группы

Группа: Пользователи
Сообщений: 227
Регистрация: 2011-07-02

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


Цитата (Loader @ 2024-03-28 19:05)
Что делаю для подключения:
В нужном месте добавляю:
global $jscripts;
$jscripts[]='js/eleanor_tooltip.js';


Где это? :blink:

Вы используете их в новостях? Как применить это чудо? Или куда его впихываете? Можно детальней? Хочу ее так же поставить, но как использовать - без понятия. К примеру, в новостях...
Перейти в начало страницы
+Цитировать сообщение
Loader
сообщение 2011-08-24, 12:18
Сообщение #5
Профессионал
Иконка группы

Группа: Eleanor user
Сообщений: 1 161
Регистрация: 2010-04-19

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


Цитата (scanread @ 2024-03-28 19:05)
Где это?

Вы используете их в новостях? Как применить это чудо?

Это в файлах php :D
Но Вы можете просто в файле index.php своей ТЕМЫ вставить в <head>
Цитата
<script type="text/javascript" src="js/eleanor_tooltip.js"></script>

, добавить стили как описано выше и дальше использовать на своё усмотрение.
Перейти в начало страницы
+Цитировать сообщение
Гость_Pyarsekaho_*
сообщение 2015-03-27, 14:57
Сообщение #6



Гости





Некоторое буду исправлять ошибки и добавлять функционал принятый коллективным разумом, а потом выложу для всеобщего скачивания.???



_______________
dafa mat kaho


Сообщение отредактировал Pyarsekaho - 2015-03-27, 14:57
Перейти в начало страницы
+Цитировать сообщение

Ответить в данную темуНачать новую тему
0 чел. читают эту тему (гостей: 0, скрытых пользователей: 0)
Пользователей: 0

 
RSS Текстовая версия 0.0366 сек.    12 запросов    GZIP включен    Сейчас: 2024-03-28, 19:05