Как в модуле включить скрипт правильно?

ksergey

Осваиваюсь на форуме
16
0 / 0

Как в модуле включить скрипт правильно?

« : 22.01.2012, 21:04:40 »

Пытаюсь написать сам модуль на основе стороннего ))

и так:

вот код файла .php:

Код

<?php


// no direct access
defined('_JEXEC') or die;

$document = &JFactory::getDocument(); 
$document->addScriptDeclaration('jQuery.noConflict();');
$document->addScript(JUri::root().'modules/mod_horizontal_scrolling_slideshow/scroller/[b]jScrollHorizontalPane.js[/b]');



?>
        
        <div class="holder">
            <div class="jScrollPaneContainer" >


                <div id="panel" class="scroll-pane group">
                    <ul class="blocks group" id="gallery">
                        <li class="scroll-interval">
                            ...
                                          
                        
                    </ul>
                </div> <!-- // #panel -->
        <!-- Place to .jScrollPaneTrack -->
            </div> <!-- // .jScrollPaneContainer -->
        </div> <!-- // .holder -->

как правильно подключить скрипт jScrollHorizontalPane.js?

html страничка работающего скрипта:

Код

<!DOCTYPE html>
<html>
<head>
...


<link rel="Shortcut Icon" href="../favicon.ico" type="image/x-icon" />
<link href="../scroller/jScrollHorizontalPane.css" tppabs="сайт/scroller/jScrollHorizontalPane.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="../depot/css/screen.css" tppabs="сайт/depot/css/screen.css" type="text/css" media="screen" />

<script type='text/javascript' src="../depot/js/jquery-1.4.4.min.js" tppabs="сайт/depot/js/jquery-1.4.4.min.js"></script>
<script type='text/javascript' src="../depot/js/_bodyResize.js" tppabs="сайт/depot/js/_bodyResize.js"></script>
<script type='text/javascript' src="../scroller/jquery.dimensions.js" tppabs="сайт/scroller/jquery.dimensions.js"></script>
<script type="text/javascript" src="../scroller/jquery.js" tppabs="сайт/scroller/jquery.js"></script>
<script type="text/javascript" src="../scroller/jScrollHorizontalPane.js" tppabs="сайт/scroller/jScrollHorizontalPane.js"></script>
<script type='text/javascript' src="../scroller/autoLoad.js" tppabs="сайт/scroller/autoLoad.js"></script>
[b][i]<script type="text/javascript">
	$(function() {
		
		$('.blocks').width(32580); 	// This number = 'sum of the images widths' + ('2px' x 'number of images')
									// Information -> Height images should be 464px
				
		$('#panel').jScrollHorizontalPane({scrollbarHeight:5, scrollbarMargin:0});
		
		//beginLoad();
	});
</script>
[/i][/b]
<!--[if lt IE 9]>
<script src="depot/js/IE9.js" tppabs="сайт/weddings/depot/js/IE9.js" type="text/javascript"></script>
<script src="depot/js/ie7-squish.js" tppabs="сайт/weddings/depot/js/ie7-squish.js" type="text/javascript"></script>
<![endif]-->
<!--[if lte IE 8]>
<link href="depot/css/ie.css" tppabs="сайт/weddings/depot/css/ie.css" rel="stylesheet" media="screen" type="text/css" />
<![endif]-->

</head>
<body>

    
    
    <div id="content">
        
        <div class="holder">
            <div class="jScrollPaneContainer" >
                <div id="panel" class="scroll-pane group">
                    <ul class="blocks group" id="gallery">
                        <li class="scroll-interval">
                         ...
		</div> <!-- // .wrap -->
    </div> <!-- // #footer -->
    
</div> <!-- // #unit -->
</body>
</html>

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

Записан

Fedor Vlasenko

Живу я здесь
3845
733 / 7
https://fedor-vlasenko.web.app

Re: Как в модуле включить скрипт правильно?

« Ответ #1 : 22.01.2012, 21:23:22 »

<?php
defined('_JEXEC') or die;
$document = JFactory::getDocument();
$document->addScript('http://сайт/scroller/jScrollHorizontalPane.js');
?>

Записан

Отключить Mootols, Jquery, Bootstrap
Плагин добавления групп для регистрации, регистрация в один клик
Лучший Украинский хостинг

ksergey

Осваиваюсь на форуме
16
0 / 0

Re: Как в модуле включить скрипт правильно?

« Ответ #2 : 22.01.2012, 21:27:15 »

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

Записан

Fedor Vlasenko

Живу я здесь
3845
733 / 7
https://fedor-vlasenko.web.app

Re: Как в модуле включить скрипт правильно?

« Ответ #3 : 22.01.2012, 21:28:48 »

стили файлов CSS. FireBug в помощь

Записан

Отключить Mootols, Jquery, Bootstrap
Плагин добавления групп для регистрации, регистрация в один клик
Лучший Украинский хостинг

ksergey

Осваиваюсь на форуме
16
0 / 0

Re: Как в модуле включить скрипт правильно?

« Ответ #4 : 22.01.2012, 21:34:54 »

Цитата: Poznakomlus от 22.01.2012, 21:28:48

стили файлов CSS. FireBug в помощь

при подключении файла со стилями

Код

defined('_JEXEC') or die;
$document = JFactory::getDocument();
$document->addScript('http://www.ukr-vip.org.ua/modules/mod_horizontal_scrolling_slideshow/scroller/jScrollHorizontalPane.js');
$document->addStyleSheet('http://www.ukr-vip.org.ua/modules/mod_horizontal_scrolling_slideshow/scroller/jScrollHorizontalPane.css');

изображения прячутся (такое впечатление, что они снизу), на страничке только одна фотка, но горизонтальной прокрутки все равно нет (...тоесть тупо одна фотка....может виновет код

Код

<script type="text/javascript">
	$(function() {
		
		$('.blocks').width(32580); 	// This number = 'sum of the images widths' + ('2px' x 'number of images')
									// Information -> Height images should be 464px
				
		$('#panel').jScrollHorizontalPane({scrollbarHeight:5, scrollbarMargin:0});
		
		//beginLoad();
	});
</script>

я просто не знаю куда его и как втулить

Записан

ksergey

Осваиваюсь на форуме
16
0 / 0

Re: Как в модуле включить скрипт правильно?

« Ответ #5 : 22.01.2012, 21:46:06 »

установил Firefox смотрю стили подключены и java тоже....скорей всего у меня проблема как подключить код, который шел в HTML версии после подключения файлов...

может кто подскажет?

Записан

Fedor Vlasenko

Живу я здесь
3845
733 / 7
https://fedor-vlasenko.web.app

Re: Как в модуле включить скрипт правильно?

« Ответ #6 : 22.01.2012, 21:46:56 »

В этом коде функция
Нет кода который вызывает данную функцию

Код

$(document).ready(function() {
  // Handler for .ready() called.
});

Записан

Отключить Mootols, Jquery, Bootstrap
Плагин добавления групп для регистрации, регистрация в один клик
Лучший Украинский хостинг

ksergey

Осваиваюсь на форуме
16
0 / 0

Re: Как в модуле включить скрипт правильно?

« Ответ #7 : 22.01.2012, 21:48:13 »

Цитата: Poznakomlus от 22.01.2012, 21:46:56

В этом коде функция
Нет кода который вызывает данную функцию
Код
$(document).ready(function() {
  // Handler for .ready() called.
});

извини за глупый вопрос - просто я новичок...что мне нужно сделать?что за функция?

Записан

Fedor Vlasenko

Живу я здесь
3845
733 / 7
https://fedor-vlasenko.web.app

Re: Как в модуле включить скрипт правильно?

« Ответ #8 : 22.01.2012, 21:54:10 »

этог

Спойлер

[свернуть]

код ваш не ковырял поэтому это проба и не более

Записан

Отключить Mootols, Jquery, Bootstrap
Плагин добавления групп для регистрации, регистрация в один клик
Лучший Украинский хостинг

ksergey

Осваиваюсь на форуме
16
0 / 0

Re: Как в модуле включить скрипт правильно?

« Ответ #9 : 22.01.2012, 21:59:40 »

а как его правильно вписать в файл php? а то пишет ошибку...если вставить в теги php, а если после, то ничего не дает (

Записан

ksergey

Осваиваюсь на форуме
16
0 / 0

Re: Как в модуле включить скрипт правильно?

« Ответ #10 : 22.01.2012, 22:01:19 »

вот сайт на котором все работает и у меня все файлы данного сайта
http://www.ivansorokin.ru/

Записан

ksergey

Осваиваюсь на форуме
16
0 / 0

Re: Как в модуле включить скрипт правильно?

« Ответ #11 : 23.01.2012, 00:27:14 »

и так )) мне удалось победить ленивость и мне удалось создать модуль прокрутки изображений )))
пока еще идет доработка, у меня вопрос...там использовался скрипт _bodyResize.js - что это и где его взять...просто данного скрипта у меня нету (

Записан

Fedor Vlasenko

Живу я здесь
3845
733 / 7
https://fedor-vlasenko.web.app

Re: Как в модуле включить скрипт правильно?

« Ответ #12 : 23.01.2012, 00:31:43 »

он вам не нужен

Записан

Отключить Mootols, Jquery, Bootstrap
Плагин добавления групп для регистрации, регистрация в один клик
Лучший Украинский хостинг

ksergey

Осваиваюсь на форуме
16
0 / 0

Re: Как в модуле включить скрипт правильно?

« Ответ #13 : 23.01.2012, 00:33:04 »

Цитата: Poznakomlus от 23.01.2012, 00:31:43

он вам не нужен

а шо це таке? для чего он?...отключу ка я его наверное ))0 но хотелось бы знать для чего

Записан

ksergey

Осваиваюсь на форуме
16
0 / 0

Re: Как в модуле включить скрипт правильно?

« Ответ #14 : 28.01.2012, 00:11:33 »

И так ребята нужна ваша помощь в дописании модуля, а именно:

1. Хочу в админке модуля добавить возможность ввода папки откуда брать фотки
2. Прочитать фотки с данной папки
3. Вывести фотки ввиде списка <li>

Очень прошу помощи, если можно расписать какой код вставлять в XML файл, какой в PHP.

У меня есть такая строчка в файле модуля, я так понимаю она отвечает не только за получение файлов с папки, но и за вывод их, но как мне организовать вывод именно списком?

Код

// Include the syndicate functions only once
require_once dirname(__FILE__).'/helper.php';

$folder	= modHorizontalScrollingSlideshowHelper::getFolder($params);
$images	= modHorizontalScrollingSlideshowHelper::getImages($params, $folder);

if (!count($images)) 
{
	echo JText::_('NO IMAGES ' . $folder . '<br><br>');
	return;
}

$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx'));
require JModuleHelper::getLayoutPath('mod_horizontal_scrolling_slideshow', $params->get('layout', 'default'));

Вообщем, если не сложно распишите по пунктам, ПОЖАЛУЙСТА

« Последнее редактирование: 28.01.2012, 00:15:05 от ksergey »

Записан

ksergey

Осваиваюсь на форуме
16
0 / 0

Re: Как в модуле включить скрипт правильно?

« Ответ #15 : 28.01.2012, 00:13:14 »

вот какой список мне нужен в итоге (сейчас так работает, но это все вручную пишу в коде):

Код

                
                        <li class="scroll-interval">
                            <img id="h1" src="/images/start/i02.jpg"  width="320" height="464" alt="sssss">
                        </li>
                        <li class="scroll-interval">
                            <img src="/images/start/i03.jpg" width="696" height="464" alt="Пsssss">
                        </li>
...
...

Записан

ksergey

Осваиваюсь на форуме
16
0 / 0

Re: Как в модуле включить скрипт правильно?

« Ответ #16 : 28.01.2012, 19:29:08 »

ребята, не проходите мимо, хоть подскажите куда смотреть..

собственно как прочитать файлы определенного разрешения с определенной директории понял, а вот как их потом вывести списком <li>?

« Последнее редактирование: 28.01.2012, 19:47:50 от ksergey »

Записан

ksergey

Осваиваюсь на форуме
16
0 / 0

Re: Как в модуле включить скрипт правильно?

« Ответ #17 : 28.01.2012, 21:03:39 »

вот код вывода картинок с папки
не работает что-то

Код

        <?
// Папка с рисунками
$folder = opendir("/images/start/");
while($file = readdir($folder)) 
{ if ($file[0] != "." && $file[0] != ".." ) 
  {  if(gettype($folder.$file) == "image/jpg") 
      print '<img src="images/'.$file.'" alt="">';
  }
}  
?>

Записан

ksergey

Осваиваюсь на форуме
16
0 / 0

Re: Как в модуле включить скрипт правильно?

« Ответ #18 : 28.01.2012, 22:30:55 »

вывод с папки сделал и сделал присвоение нужно класса списку.
Осталось сделать возможность в модуле прописывать путь и ширину полосы прокрутки

Записан

ksergey

Осваиваюсь на форуме
16
0 / 0

Re: Как в модуле включить скрипт правильно?

« Ответ #19 : 28.01.2012, 22:42:33 »

надеюсь разговор не сам с собой...

как теперь правильно прописать чтоб путь к папке можно было прописывать в настройках модуля?

вот работающий скрипт вывода изображений с папки

Код

 <?
	$folder	= $params->get('slideshow_folder');
foreach (glob("images/start/*.jpg") as $filename) {
	
	
echo "<li class='scroll-interval'><img src='$filename' alt='xxxxxx'></li>";
}
?>

есть параметр $folder= $params->get('slideshow_folder');

как мне это все прописать в php ?

« Последнее редактирование: 28.01.2012, 23:26:03 от ksergey »

Записан

ksergey

Осваиваюсь на форуме
16
0 / 0

Re: Как в модуле включить скрипт правильно?

« Ответ #20 : 29.01.2012, 00:05:17 »

всем спасибо, все решил сам

Записан

Как использовать функции компонента в модуле? Автор specialist-web	Ответов: 6 Просмотров: 1624	12.05.2019, 12:26:10 от AlekVolsk
Запустить контент-плагин в модуле Автор mohax	Ответов: 10 Просмотров: 5587	30.03.2015, 18:04:20 от twins717
[Решено] Вопрос для знатоков php. Как правильно записать код? Автор artemka	Ответов: 7 Просмотров: 1741	13.06.2014, 18:16:47 от artemka
AJAX в модуле Автор bykaVBS	Ответов: 3 Просмотров: 1952	27.03.2014, 20:02:17 от bykaVBS
j2.5: Как получить в модуле значение переменной из другого модуля? Автор borzometr	Ответов: 8 Просмотров: 2713	14.03.2014, 21:43:02 от Fedor Vlasenko

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

👩‍💻 Компонент "CS Афиши" для Joomla.

Яндекс выпустил инструмент Видимость сайта в Алисе AI.

Похожие темы