Новости Joomla

Вышли релизы Joomla 6.1 и Joomla 5.4.5: новые возможности и стабильность

Релиз Joomla 6.1.0

Проект Joomla! объявил о доступности Joomla 6.1 [Nyota] — новой минорной версии шестой серии, а также о выпуске релиза исправлений ошибок Joomla 5.4.5. Релиз 6.1 приносит ряд долгожданных функций, повышающих удобство управления контентом и защиту от спама.

0 Пользователей и 1 Гость просматривают эту тему.
  • 33 Ответов
  • 1966 Просмотров
*

levitan

  • Захожу иногда
  • 142
  • 1 / 0
Всплывающая подсказка
« : 30.07.2014, 16:32:39 »
Добрый день, Уважаемые специалисты. Вопрос такого характера. Сайт оригинал http://nepal.by/ - в месте, где разрыв страницы, при наведении всплывает подсказка. На тестовом сайте http://nepal.webformat.by/ - подсказка висит постоянно. Подскажите, как можно решить проблему?
*

SmokerMan

  • Гуру
  • 5290
  • 720 / 26
Re: Всплывающая подсказка
« Ответ #1 : 30.07.2014, 17:00:12 »
а с чего она будет всплывать, если там разметка другая?
Код
		/* Spotlight */
$('.warpspotlight').warpspotlight({fade: 300});
информация к размышлению)
*

levitan

  • Захожу иногда
  • 142
  • 1 / 0
Re: Всплывающая подсказка
« Ответ #2 : 30.07.2014, 17:08:59 »
Спасибо за ответ, решил проблему другим способом.

Код
<div class="gap">
<div> </div>
<div class="text">
<h3> <span style="font-size: 14pt;">Ваша  коллекция  открытий </span></h3>
</div>
</div>

Код
.gap {
position: relative;
overflow: hidden;
height: 450px;
}

.text{
height:62px;
padding: 0px;
background: #323232;
background: rgba(0,0,0,0.8);

visibility:hidden;
}
.text h3 {
color:#fff;
padding:10px;
}
.gap:hover .text {
position: absolute;
width: 100%;
visibility: visible;
left: 0px;
bottom: 0px;

}

Может и кривой код, но работает)
*

levitan

  • Захожу иногда
  • 142
  • 1 / 0
Re: Всплывающая подсказка
« Ответ #3 : 30.07.2014, 17:15:07 »
а с чего она будет всплывать, если там разметка другая?
Код
		/* Spotlight */
$('.warpspotlight').warpspotlight({fade: 300});

информация к размышлению)

Я не силен в JS, подскажите -
$('.spotlight').spotlight({fade: 300});
Вид должен принять такой?
И еще появляется ошибка
Uncaught TypeError: undefined is not a function template.js:14
Код
/* Spotlight */
$('.spotlight').spotlight({fade: 300});

var matchHeight = function(selector, deepest) {

var deepest  = deepest || ".deepest";
var elements = $(selector);
var max      = 0;

elements.each(function(){
max = Math.max(max, $(this).outerHeight());
});


elements.each(function(){
var box = $(this),
ele = box.find(deepest+":first"),
height = (ele.height() + (max - box.outerHeight()));

ele.css("min-height", height+"px");
});
}; 
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Всплывающая подсказка
« Ответ #4 : 30.07.2014, 17:23:10 »
У вас сам плагин Spotlight на странице этой вызывается?
*

levitan

  • Захожу иногда
  • 142
  • 1 / 0
Re: Всплывающая подсказка
« Ответ #5 : 30.07.2014, 17:24:26 »
У вас сам плагин Spotlight на странице этой вызывается?
Куда копать, поподробнее?
*

levitan

  • Захожу иногда
  • 142
  • 1 / 0
Re: Всплывающая подсказка
« Ответ #6 : 30.07.2014, 17:25:35 »
На форуме Js сказали что нужно подключить его в этом коде
Код
/* Spotlight */
$('.spotlight').spotlight({fade: 300});

var matchHeight = function(selector, deepest) {
(В этом месте)
var deepest  = deepest || ".deepest";
var elements = $(selector);
var max      = 0;

elements.each(function(){
max = Math.max(max, $(this).outerHeight());
});


elements.each(function(){
var box = $(this),
ele = box.find(deepest+":first"),
height = (ele.height() + (max - box.outerHeight()));
Но я только-только постигаю азы JS. Будьте добры, подскажите куда пилить?
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Всплывающая подсказка
« Ответ #7 : 30.07.2014, 17:32:15 »
Прежде, чем этот код заработает, нужно подключить файл js-плагина. Я не знаю, как он у вас подключается. Возможно в шаблоне, возможно джумловским плагином. Выложите сайт в сеть, тогда можно будет что-то более конкретное посоветовать.
*

SmokerMan

  • Гуру
  • 5290
  • 720 / 26
Re: Всплывающая подсказка
« Ответ #8 : 30.07.2014, 17:36:44 »
Плагин то там есть
http://nepal.webformat.by/templates/yoo_corona/warp/js/spotlight.js
но он не будет работать, так как классы не соответствуют. Вернее их вообще нет в разметке)
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Всплывающая подсказка
« Ответ #9 : 30.07.2014, 17:38:27 »
Выложили, извиняюсь, просмотрел. У вас разметка разная. Нужно всем модулю присвоить класс spotlight
*

levitan

  • Захожу иногда
  • 142
  • 1 / 0
Re: Всплывающая подсказка
« Ответ #10 : 30.07.2014, 17:38:55 »
Прежде, чем этот код заработает, нужно подключить файл js-плагина. Я не знаю, как он у вас подключается. Возможно в шаблоне, возможно джумловским плагином. Выложите сайт в сеть, тогда можно будет что-то более конкретное посоветовать.
Подключаю так
Код
<script type="text/JavaScript" scr="/templates/yoo_corona/warp/js/spotlight.js"></script>
*

levitan

  • Захожу иногда
  • 142
  • 1 / 0
Re: Всплывающая подсказка
« Ответ #11 : 30.07.2014, 17:39:18 »
Плагин то там есть
http://nepal.webformat.by/templates/yoo_corona/warp/js/spotlight.js
но он не будет работать, так как классы не соответствуют. Вернее их вообще нет в разметке)
Подскажите, пожалуйста, как это исправить?
*

SmokerMan

  • Гуру
  • 5290
  • 720 / 26
Re: Всплывающая подсказка
« Ответ #12 : 30.07.2014, 17:42:59 »
Подскажите, пожалуйста, как это исправить?
можно попробовать
Код
<div class="gap">
заменить на
Код
<div class="warpspotlight">
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Всплывающая подсказка
« Ответ #13 : 30.07.2014, 17:44:40 »
Тогда уж на spotlight. На него скрипт повешен.
*

levitan

  • Захожу иногда
  • 142
  • 1 / 0
Re: Всплывающая подсказка
« Ответ #14 : 30.07.2014, 17:46:04 »
Тогда уж на spotlight. На него скрипт повешен.
Это я создал новый блок, тестовый. Оригинал выглядит так
Код
<div class="spotlight bottom">
<div> </div>
<div>
<h3><span style="font-size: 14pt;"> <strong style="padding: 0px; margin: 0px;">Бутан, монастырь Тaксaнг Лaгхaнг</strong> </span></h3>
</div>
</div>
*

levitan

  • Захожу иногда
  • 142
  • 1 / 0
Re: Всплывающая подсказка
« Ответ #15 : 30.07.2014, 17:47:00 »
При переименовании <div class="spotlight bottom"> на <div class="spotlight"> - div исчезает
*

SmokerMan

  • Гуру
  • 5290
  • 720 / 26
Re: Всплывающая подсказка
« Ответ #16 : 30.07.2014, 17:49:45 »
Тогда уж на spotlight. На него скрипт повешен.
это уже тс развлекается)
нужно вернуть как было изначально
Код
		/* Spotlight */
$('.warpspotlight').warpspotlight({fade: 300});
и попробовать сделать как я написал
либо заменить на
Код
		/* Spotlight */
$('.gap').warpspotlight({fade: 300});

иначе ничего работать не будет!)
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Всплывающая подсказка
« Ответ #17 : 30.07.2014, 17:50:39 »
При переименовании <div class="spotlight bottom"> на <div class="spotlight"> - div исчезает
Зачем? Вы просто сравните разметку оригинала со своей и сделайте так же.
*

levitan

  • Захожу иногда
  • 142
  • 1 / 0
Re: Всплывающая подсказка
« Ответ #18 : 30.07.2014, 17:53:16 »
это уже тс развлекается)
нужно вернуть как было изначально
Код
		/* Spotlight */


$('.warpspotlight').warpspotlight({fade: 300});
и попробовать сделать как я написал
либо заменить на
Код
		/* Spotlight */
$('.gap').warpspotlight({fade: 300});

иначе ничего работать не будет!)

Огромное спасибо!
Сделал так
Код
$('.spotlight.bottom').warpspotlight({fade: 300});
ЗАРАБОТАЛО!
*

levitan

  • Захожу иногда
  • 142
  • 1 / 0
Re: Всплывающая подсказка
« Ответ #19 : 30.07.2014, 18:01:15 »
Все заработало на 1 пункте меню, но на других страницах блоки пропали вовсе. Что да волшебство, блин!?
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Всплывающая подсказка
« Ответ #20 : 30.07.2014, 18:04:52 »
У вас там пустые блоки выводятся.
*

levitan

  • Захожу иногда
  • 142
  • 1 / 0
Re: Всплывающая подсказка
« Ответ #21 : 30.07.2014, 18:05:29 »
У вас там пустые блоки выводятся.
Посмотрите пункт - Тибет, разметка у остальных идентичная.
Тибет выводится, остальные нет.
*

levitan

  • Захожу иногда
  • 142
  • 1 / 0
Re: Всплывающая подсказка
« Ответ #22 : 30.07.2014, 18:07:18 »
Код
<div class="spotlight bottom">
<div> </div>
<div>
<h3><span style="font-size: 14pt;"> <strong style="padding: 0px; margin: 0px;">ВАША КОЛЛЕКЦИЯ ОТКРЫТИЙ</strong> </span></h3>
</div>
</div>

Код
<div class="spotlight bottom">
<div> </div>
<div>
<h3><span style="font-size: 14pt;"> <strong style="padding: 0px; margin: 0px;">Потала – дворец Далай-ламы</strong> </span></h3>
</div>
</div>
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Всплывающая подсказка
« Ответ #23 : 30.07.2014, 18:09:22 »
У меня и Тибет не выводится. У вас точно работает?
*

levitan

  • Захожу иногда
  • 142
  • 1 / 0
Re: Всплывающая подсказка
« Ответ #24 : 30.07.2014, 18:10:32 »
У меня и Тибет не выводится. У вас точно работает?
Уже нет)))))) Бесовщина(((
*

levitan

  • Захожу иногда
  • 142
  • 1 / 0
Re: Всплывающая подсказка
« Ответ #25 : 31.07.2014, 12:37:00 »
Проблема не решена, может у кого-нибудь будут какие мысли?
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Всплывающая подсказка
« Ответ #26 : 31.07.2014, 14:29:55 »
Рассказывайте, как вы делаете этот слайдер.
*

levitan

  • Захожу иногда
  • 142
  • 1 / 0
Re: Всплывающая подсказка
« Ответ #27 : 31.07.2014, 14:31:52 »
Рассказывайте, как вы делаете этот слайдер.
Он выводится через модуль код модуля
Код
<div class="spotlight bottom">
<div> </div>
<div>
<h3> <span style="font-size: 14pt;">Ваша  коллекция  открытий </span></h3>
</div>
</div>
Суфикс класа модуля - style-border прописан.
*

levitan

  • Захожу иногда
  • 142
  • 1 / 0
Re: Всплывающая подсказка
« Ответ #28 : 31.07.2014, 14:33:03 »
Сайт доступен по адресу http://nepal.webformat.by/jupgrade
http://nepal.webformat.by - версия до обновления на 2.5
*

levitan

  • Захожу иногда
  • 142
  • 1 / 0
Re: Всплывающая подсказка
« Ответ #29 : 31.07.2014, 15:25:40 »
Изменил класс spotlight в template.js
C wearpspotlight на spotlight. Заработало в некоторых пунктах меню
http://nepal.webformat.by/jupgrade/index.php/2011-07-25-08-23-58
На главной не отображается
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Joomla 2.5 Подсказка при наведении на ссылку

Автор sword852d

Ответов: 5
Просмотров: 1401
Последний ответ 22.07.2014, 07:33:01
от sword852d
всплывающая картинка с описанием - каким бы модулем реализовать?

Автор timotheus

Ответов: 2
Просмотров: 2132
Последний ответ 29.05.2012, 13:37:07
от timotheus