Как подключить скрипт?

[Nataliya]

Хочу изменить вид всплывающих подсказок. Есть такой скрипт:

Код: Выделить всё

<script src='http://www.patmax.eu/J1/120404182635.js'></script>
<script>
jQuery(document).ready(function(){
jQuery('a [title]').quicktip({
speed:700
});
jQuery('img [title]').quicktip({
speed:700
});
jQuery('div [title]').quicktip({
speed:700
});
jQuery('span [title]').quicktip({
speed:700
});
});
</script>

И блок CSS к нему:

Код: Выделить всё

#tooltip {
  display:none;
  position: absolute;
  background-color: #558B9F; 
  z-index: 999;
  width: auto;
  padding: 5px 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
  border-radius: 3px;
  font-family: Verdana; 
  font-size: 11px; 
  color: #FFF;
  overflow-x: auto;
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

Пока обреталась на сервисе форумов ставила всё это после открывающего тэга body (в overall_header), всё работало. Здесь не получается. Сам скрипт по ссылке пробовала скопировать, поместить в папку с шаблонами и подключить при помощи внутренней ссылки, не помогло. Переставить из body в header, сразу за строкой

Код: Выделить всё

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>

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

[ВладимирТ]

Подключил по быстрому, работает.

Скрипт подключаете перед </head> в overall_header
Код CSS копируете в файл common.css Вашего стиля
Обновляете стили в админке и все.

З.Ы. Сам скрипт лучше тоже себе скачать, счас сделаю и выложу.....

И конечно сам jQuery у Вас должен быть подключен.


Вот собственно готово:

Код: Выделить всё

<!-- Всплывающая подсказка --> 
<script src='{T_SUPER_TEMPLATE_PATH}/jquery.quick.tip.js'></script>
<script>
jQuery(document).ready(function(){
jQuery('a [title]').quicktip({
speed:700
});
jQuery('img [title]').quicktip({
speed:700
});
jQuery('div [title]').quicktip({
speed:700
});
jQuery('span [title]').quicktip({
speed:700
});
});
</script>
<!-- /Всплывающая подсказка --> 

[Nataliya]

Спасибо, что откликнулись. Я неаккуратно выразилась. "Всё это" - это скрипт, CSS, конечно, отдельно и в положенное место.

Перед /head сейчас попробую переставить, это не проблема. И скрипт тоже в папке с шаблонами уже лежит. А вот что такое "И конечно сам jQuery у Вас должен быть подключен."? Это как?

[ВладимирТ]

http://jquery.com подключить библиотеку jQuery, если конечно у Вас её нет.

Вот так уже прижилась у меня на форуме...

Подсказка.jpg

[Sheer]

Это как?

Это так

Код: Выделить всё

<script src="{T_TEMPLATE_PATH}/jquery.js" type="text/javascript"></script>

при условии, что файл jquery.js находится в папке/styles/_ваш_стиль_/template

[Nataliya]

http://jquery.com подключить библиотеку jQuery, если конечно у Вас её нет.

Вот так уже прижилась у меня на форуме...

Подсказка.jpg

Нету её у меня. Если изначально в дистрибутиве движка её не было - значит нет. А на сервисе, видимо, была. Просто я всего месяц как в самостоятельном плавании, первый раз в жизни сама поставила движок на первый в жизни собственный сайт. Чайник вульгарис. )))

Пойду пытаться подключить. Рада, что у Вас прижилась подсказка, скрипт-то, конечно, я готовый в своё время нашла, а CSS для неё сама сотворила. )

Это как?

Это так

Код: Выделить всё

<script src="{T_TEMPLATE_PATH}/jquery.js" type="text/javascript"></script>

при условии, что файл jquery.js находится в папке/styles/_ваш_стиль_/template

Т.е. мне надо скачать и поставить в папку эту самую библиотеку, а в overall_header добавить указанный Вами код. Так?

PS. Кстати, по поводу скрипта. У него есть один недостаток, исправить который мне не хватает знаний. Было бы хорошо, если бы подсказка сама определяла правый край экрана и всплывала, соответственно, отодвигаясь влево. В том виде как есть она обужается до возможного минимума или вылезает за пределы экрана.

[Sheer]

Т.е. мне надо скачать и поставить в папку эту самую библиотеку, а в overall_header добавить указанный Вами код. Так?

Так.

[Nataliya]

Спасибочки.

Добавлено спустя 2 часа 10 минут 52 секунды:
На http://jquery.com при нажатии на кнопку download открывается страница со скриптом. Сохранила как... с предложенным названием jquery-1.8.3.min.js .

Загрузила в папку styles/my_style/template/ . Там же находится файл приведённого в первом сообщении скрипта, переименованный в jquery.quick.tip.js .

В overall_header после

Код: Выделить всё

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>

добавила

Код: Выделить всё

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery-1.8.3.min.js"></script>

Перед </head> добавила

Код: Выделить всё

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery.quick.tip.js"></script>
<script>
jQuery(document).ready(function(){
jQuery('a [title]').quicktip({
speed:700
});
jQuery('img [title]').quicktip({
speed:700
});
jQuery('div [title]').quicktip({
speed:700
});
jQuery('span [title]').quicktip({
speed:700
});
});
</script> 

Кэш очистила, шаблоны обновила. Не работает.

[ВладимирТ]

Еще раз по порядку:
В - styles/my_style/template/ лежат два скрипта jquery-1.8.3.min.js и тот который был по адресу http://www.patmax.eu/J1/120404182635.js

В overall_header перед </head>

Код: Выделить всё

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src='{T_SUPER_TEMPLATE_PATH}/название скрипта который был по адресу http://www.patmax.eu/J1/120404182635.js '></script>
<script>
jQuery(document).ready(function(){
jQuery('a [title]').quicktip({
speed:700
});
jQuery('img [title]').quicktip({
speed:700
});
jQuery('div [title]').quicktip({
speed:700
});
jQuery('span [title]').quicktip({
speed:700
});
});
</script>

Далее в конце кода файла styles/prosilver/theme/common.css
дописываем Ваш стиль

Код: Выделить всё

#tooltip {
  display:none;
  position: absolute;
  background-color: #558B9F; 
  z-index: 999;
  width: auto;
  padding: 5px 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
  border-radius: 3px;
  font-family: Verdana; 
  font-size: 11px; 
  color: #FFF;
  overflow-x: auto;
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

[Nataliya]

Ага. Так всё и есть. За исключением того, что код CSS дописан в common не prosilver, а моего стиля, но Вы, наверное это и имели ввиду.

Добавлено спустя 57 минут 30 секунд:
Всё заработало. Надо было из {T_SUPER_TEMPLATE_PATH} слово super выкинуть. Как Sheer писал: {T_TEMPLATE_PATH}.

Еще вопрос по библиотеке jQuery. На их сайте предлагают на выбор два варианта: jquery-1.8.3.min и просто jquery-1.8.3. Который для форума пригоднее?

И с доработкой скрипта, чтобы подсказки у правого борта экрана в порядок привести, - новую тему открывать? Или здесь можно?

[Sheer]

Который для форума пригоднее?

Без разницы.

Или здесь можно?

Можно.

Надо было из {T_SUPER_TEMPLATE_PATH} слово supe

Потому что

не prosilver, а моего стиля

[Nataliya]

А всё-таки ... Что и как нужно изменить в этом скрипте, чтобы всплывающая подсказка сама определяла края экрана и не выползала за их пределы?

[Пчелкин]

Добавить класс с

Код: Выделить всё

position: absolute;

только это будет некрасиво иногда...

[Эля]

Доброго дня.
Подскажите пожалуйста как подключить модуль Совместных Покупок, чтобы с ним можно было работать на своем сайте, если вся её(СП) база уже есть на хостинге.
Я поменяла стиль, шаблон форума, а по умолчанию стоял prosilver. Может поэтому не могу найти СП на своем сайте? Если так, как это можно исправить? Помогите пожалуйста.

[Татьяна5]

Эля, [FAQ] Что такое МОДы и как установить МОД