Установка скрипта jQuery в Joomla 2.5 в первый раз

Venomous · 05.03.2014, 16:50

Доброго времени суток!
Сам я недавно стал заниматься сайтами, просьба сильно не пинать

Создаю сайт на Joomla 2.5. Шаблон для него делал в Artisteer 4, поле чего немного правил шаблон. Возникла необходимость сделать его фиксированным по высоте и в некоторых разделах текста больше чем места для него по высоте и поэтому он стал выходить за пределы. Выход из этого вреде прост добавить overflow:auto и появится полоса прокрутки, но уж больно она некрасивая получается.
Пытался решить проблему тремя вариантами:
1. Использовать Свойство scrollbar-... Но оно подходит не для всех браузеров, в частности для моей любимой мозиллы, да и возможности маленькие - не понравилась!
2. Компонент/модуль/плагин - не нашел подходящий! Может кто даст ссылочку? (Искал среди бесплатных).
3. Пока искал Компонет/модуль/плагин, наткнулся на Perfect Scrollbar: пользовательские скроллинги на jQuery.
(нашел здесь) Он мне всем понравился - то что мне нужно!!! но нехватает знаний чтобы его установить... Никак не пойму что делать!!! Никогда скрипты не подключал!
Нашел процедуру его установки, но для WordPress...

Может кто подскажет как это сделать для Joomla ?

Как я понял его подключение состоит из 3-х этапов:
1. Подключение самого скрипта к файлу, скорее всего, index.php шаблона между тегами <Head> и таблицу стилей css
Я сделал вот так для скрипта:

<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/min/perfect-scrollbar-0.4.8.min.js"></script>
И вот так для css:
<link rel="stylesheet" href="<?php echo $templateUrl; ?>/min/perfect-scrollbar-0.4.8.css">

2. как я понял в css шаблона нужно добавить следующее
#myScroll {
position:relative;
height:600px;
}
где myScroll - заданное имя, может быть любое.

3. Где-то нужно установить следующее

<div id='myScroll'>
<div>
...
</div>
</div>
Но вот где, никак не пойму...

4. В нужном материале вставить код:
<script language="javascript">
$('#myScroll').perfectScrollbar();
</script>

Всю голову сломал, ничего не получается! Что делаю неправильно???

Спасибо!

vCae · 05.05.2014, 23:07

Цитата:

Сообщение от Venomous


	пользовательские скроллинги на jQuery

Напрашивается вопрос, а саму библиотеку jQuery подключили?
Так же необходимо обратить внимание, чтобы не было конфликта с mootools. Если используете обе, то нужно добавить jQuery.noConflict();
И тогда вызов функции будет таким:

Код:

<script language="javascript">
jQuery('#myScroll').perfectScrollbar();
</script>

05.03.2014, 16:50	#1
Venomous Пользователь Пол: Регистрация: 10.12.2005 Сообщений: 110 Репутация: 27	Установка скрипта jQuery в Joomla 2.5 в первый раз Доброго времени суток! Сам я недавно стал заниматься сайтами, просьба сильно не пинать Создаю сайт на Joomla 2.5. Шаблон для него делал в Artisteer 4, поле чего немного правил шаблон. Возникла необходимость сделать его фиксированным по высоте и в некоторых разделах текста больше чем места для него по высоте и поэтому он стал выходить за пределы. Выход из этого вреде прост добавить overflow:auto и появится полоса прокрутки, но уж больно она некрасивая получается. Пытался решить проблему тремя вариантами: 1. Использовать Свойство scrollbar-... Но оно подходит не для всех браузеров, в частности для моей любимой мозиллы, да и возможности маленькие - не понравилась! 2. Компонент/модуль/плагин - не нашел подходящий! Может кто даст ссылочку? (Искал среди бесплатных). 3. Пока искал Компонет/модуль/плагин, наткнулся на Perfect Scrollbar: пользовательские скроллинги на jQuery. (нашел здесь) Он мне всем понравился - то что мне нужно!!! но нехватает знаний чтобы его установить... Никак не пойму что делать!!! Никогда скрипты не подключал! Нашел процедуру его установки, но для WordPress... Может кто подскажет как это сделать для Joomla ? Как я понял его подключение состоит из 3-х этапов: 1. Подключение самого скрипта к файлу, скорее всего, index.php шаблона между тегами <Head> и таблицу стилей css Я сделал вот так для скрипта: <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/min/perfect-scrollbar-0.4.8.min.js"></script> И вот так для css: <link rel="stylesheet" href="<?php echo $templateUrl; ?>/min/perfect-scrollbar-0.4.8.css"> 2. как я понял в css шаблона нужно добавить следующее #myScroll { position:relative; height:600px; } где myScroll - заданное имя, может быть любое. 3. Где-то нужно установить следующее <div id='myScroll'> <div> ... </div> </div> Но вот где, никак не пойму... 4. В нужном материале вставить код: <script language="javascript"> $('#myScroll').perfectScrollbar(); </script> Всю голову сломал, ничего не получается! Что делаю неправильно??? Спасибо!

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Переход с jQuery 1.2.6 на jQuery 1.4 или 1.5	Vinni_incorp	Программирование	1	16.03.2012 10:26
Установка Python на Винду и первый зауск скрипта	SLAEVNEAN	Статьи	0	18.10.2009 22:01
Установка скрипта. Прошу помощи.	Джамшуд	PHP	7	30.09.2009 00:03
Jquery. Как сделать чтоб созданные элемены первый функией, были доступны из второй.	zeman2222	AJAX	3	28.07.2009 19:03