Хак для DLE скрипт для вывода всплывающих подсказок при наведении курсора мыши на сайте.
Полностью рабочий, работает во всех браузерах.
Хорошо отображается в браузерах в браузерах: Opera, Safari, Google Chrome, Mozilla, Navigator, IE 6-8.
Хак дле Скрипт выплывающей подсказки
Установка:
Создайте файл tooltip.js в директиве вашего сайта, и вставьте в него следующий код:
/*originally written by paul sowden | modified and localized by alexander shurkayev | */var tooltip = {/* НАЧАЛО НАСТРОЕК */options: {attr_name: "tooltip", // наименование создаваемого tooltip'ого атрибутаblank_text: "(откроется в новом окне)", // текст для ссылок с target="_blank"newline_entity: " ", // укажите пустую строку (""), если не хотите использовать в tooltip'ах многострочность; ежели хотите, то укажите тот символ или символы, которые будут заменяться на перевод строкиmax_width: 0, // максимальная ширина tooltip'а в пикселах; обнулите это значение, если ширина должна быть нелимитированаdelay: 0, // задержка при показе tooltip'а в миллисекундахskip_tags: ["link", "style"] // теги, у которых не обрабатываем атрибуты alt и title},/* КОНЕЦ НАСТРОЕК */t: document.createElement("DIV"),c: null,g: false,canvas: null,m: function(e){if (tooltip.g){var x = window.event ? event.clientX + (tooltip.canvas.scrollLeft || document.body.scrollLeft) : e.pageX;var y = window.event ? event.clientY + (tooltip.canvas.scrollTop || document.body.scrollTop) : e.pageY;tooltip.a(x, y);}},d: function(){tooltip.canvas = document.getElementsByTagName(document.compatMode && document.compatMode == "CSS1Compat" ? "HTML" : "BODY")[0];tooltip.t.setAttribute("id", "tooltip");document.body.appendChild(tooltip.t);if (tooltip.options.max_width) tooltip.t.style.maxWidth = tooltip.options.max_width + "px"; // all but ievar a = document.all && !window.opera ? document.all : document.getElementsByTagName("*"); // in opera 9 document.all produces type mismatch errorvar l = a.length;for (var i = 0; i tooltip.options.max_width ? tooltip.options.max_width + "px" : "auto";var t_width = tooltip.t.offsetWidth;var t_height = tooltip.t.offsetHeight;tooltip.t.style.left = x + 12 + "px";tooltip.t.style.top = y + 12 + "px";if (x + t_width > w_width) tooltip.t.style.left = w_width - t_width + "px";if (y + t_height > w_height) tooltip.t.style.top = w_height - t_height + "px";}}Array.prototype.in_array = function(value){var l = this.length;for (var i = 0; i < l; i++)if (this[i] === value) return true;return false;};var root = window.addEventListener || window.attachEvent ? window : document.addEventListener ? document : null;if (root){if (root.addEventListener) root.addEventListener("load", tooltip.d, false);else if (root.attachEvent) root.attachEvent("onload", tooltip.d);}
Вверху кода увидите настройки. Из них я выставил только задержку появления на 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>
Хак Dle Скрипт выплывающей подсказкиДля любой версии дле : 9.2-9.4
Все вся установка!
Советует скачать хак
dle Скрипт выплывающей подсказки
skript-vsplyvayuschih-podskazok-tooltip-ili-hint.rar [14,89 Kb] (cкачиваний: 211)