Совместимость скриптов всплывающая табличка и всплывающая подсказка

Поделиться1Чт, 3 Мар 2016 15:54:17

Автор: Рубероид
Заслуженный
Зарегистрирован: Вт, 12 Авг 2014
Сообщений: 17
Уважение: +11
Позитив: +5
Последний визит:
Сб, 27 Фев 2021 00:16:07

Доброго времени суток.
Ссылка на форум:
http://wwsd.rusff.ru/
Ссылка на скрипт первый:
Скрипты от пользователей 3
Ссылка на скрипт второй:
Внешний вид подсказки при наведении мышью на аватар

коды скриптов непосредственно на форуме:

скрипт 1

Код:

<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0016/cf/66/49983.css" />
<script img-data="https://forumstatic.ru/files/0016/a3/17/35592.jpg" src="https://forumstatic.ru/files/0016/cf/66/56849.js" forum="10"></script>
<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->

скрипт 2

Код:

<!--скрипт всплывающей подсказки -->
<script type="text/javascript" src="http://yourjavascript.com/12208652913/quicktip.js"></script>
<script>  
 $(document).ready(function(){ 
 $('img [title]').quicktip({ speed:700 }); 
 $('a [title]').quicktip({ speed:700 }); 
 $('span [title]').quicktip({ speed:700 }); 

 }); 
 </script>

css ко второму скрипту

Код:

#tooltip {
position:absolute;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
max-width:200px;
display:none;
font: normal normal 400 11px/16.5px Verdana;
color:#fff;
text-align:center;
padding:4px;
}

Конкретно о проблеме: мне хотелось бы видеть оформленные всплывающие подсказки внутри таблички; оформленным всплывающим подсказкам же хочется же появляться везде, кроме этого места. Итогами сия конфликта служат наши общие неудовлетворенные взгляды и изредка ломаемый скрипт.
Помогите, пожалуйста. буду премногим благодарен.

0

Поделиться2Чт, 3 Мар 2016 17:26:24

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51458
Уважение: +15421
Позитив: +12044
Последний визит:
Вчера 16:23:42

Рубероид
Добавьте красным, после скрипта таблички:

<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0016/cf/66/49983.css" />
<script img-data="https://forumstatic.ru/files/0016/a3/17/35592.jpg" src="https://forumstatic.ru/files/0016/cf/66/56849.js" forum="10"></script>

<script type="text/javascript">
$('img.a-info:not(.add-a)').live('click', function(){
$(this).addClass('add-a');setTimeout(function(){

$('img [title]').quicktip({ speed:700 });
$('a [title]').quicktip({ speed:700 });
$('span [title]').quicktip({ speed:700 });

},700);});
</script>

Есть спец тема для подобных вопросов => Выпадающая Табличка по клику на иконку в профиле топика:

0

Поделиться3Чт, 3 Мар 2016 18:09:22

Автор: Рубероид
Заслуженный
Зарегистрирован: Вт, 12 Авг 2014
Сообщений: 17
Уважение: +11
Позитив: +5
Последний визит:
Сб, 27 Фев 2021 00:16:07

Deff
за промах с темой извиняюсь. надеюсь, что не нанесу многих неудобств, если продолжу здесь.

по делу: проблема с несоответствием в оформлении всплывающих описаний пропала... как и вообще всплывающие описания в табличке. Есть ли иное решение?

0

Поделиться4Чт, 3 Мар 2016 19:28:32

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51458
Уважение: +15421
Позитив: +12044
Последний визит:
Вчера 16:23:42

Рубероид написал(а):

по делу: проблема с несоответствием в оформлении всплывающих описаний пропала... как и вообще всплывающие описания в табличке.

Вы пожалуйства проще Выражайтесь, более информативно
1. Ссылку на пост с проблемой непоказа описаний(клик по дате в сообщении)
2. Чтобы в картинке было описание - картинку в пост нужно вставлять таким макаром:

Код:

[img=Ваше Описание]http://da.mybb.ru/images/90x90/95/3273795.jpg[/img]

0

Поделиться5Чт, 3 Мар 2016 19:43:11

Автор: Рубероид
Заслуженный
Зарегистрирован: Вт, 12 Авг 2014
Сообщений: 17
Уважение: +11
Позитив: +5
Последний визит:
Сб, 27 Фев 2021 00:16:07

Deff
1.
http://wwsd.rusff.ru/viewtopic.php?id=7#p9
его же профиль, вкладка "трофеи"
2. поправил на указанный код в данном сообщении

0

Поделиться6Чт, 3 Мар 2016 19:58:46

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51458
Уважение: +15421
Позитив: +12044
Последний визит:
Вчера 16:23:42

Рубероид написал(а):

http://wwsd.rusff.ru/viewtopic.php?id=7#p9

Ccылку на профиль,( Тему с постами таблички гость(да и не админ модер) увидеть не может

0

Поделиться7Чт, 3 Мар 2016 20:01:05

Автор: Рубероид
Заслуженный
Зарегистрирован: Вт, 12 Авг 2014
Сообщений: 17
Уважение: +11
Позитив: +5
Последний визит:
Сб, 27 Фев 2021 00:16:07

Deff
извиняюсь, убрал скрипт, скрывающий тему.

0

Поделиться8Пт, 4 Мар 2016 00:01:10

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51458
Уважение: +15421
Позитив: +12044
Последний визит:
Вчера 16:23:42

Рубероид
Увеличьте z-index в стиле подсказки:

<style>
#tooltip {
position:absolute;
background-color:#fff; /* фон подсказки */
z-index: 99999;
max-width:200px; /* максимальная ширина подсказки */
border:1px dotted #74A1F2; /* толщина. стиль и цвет рамки */
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
font-family:Georgia; /* шрифт подсказки */
font-size:13px; /* размер текста */
display:none;
color:#000; /* цвет текста */
text-align:center;
padding:4px;
}
</style>