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

pavels

  • Осваиваюсь на форуме
  • 17
  • 2 / 0
Всем привет!

Подскажите, как лучше подружить Joomla 2.5 и jQuery, может кто знает подробное руководство на эту тему?

Нужно сделать выдвижную панельку для размещения в ней контактов.

Пробовал делать это: http://novice2ninja.ru/ninja-book/chapter-5/slide-down-login-form.html и это: http://yraaa.ru/publ/3-1-0-1282, но, то ли из за не достаточных разъяснений, то ли из за кривизны рук ни чего не получилось. Скрипт не работает!

Тот же результат и с модулем: JoomlaXTC Slide Panel - он тоже не работает (в месте, где должна быть кнопка для выдвижения панели, просто не активная надпись "Click me!" из настроек модуля).

И еще, все это происходит не на одном шаблоне, пробовал на разных.

Буду благодарен за любую оказанную помощь!

В индексе вот что:
Код
<?php
defined('_JEXEC') or die;

require_once dirname(__FILE__). DIRECTORY_SEPARATOR . 'functions.php';

// Create alias for $this object reference:
$document = & $this;

// Shortcut for template base url:
$templateUrl = $document->baseurl . '/templates/' . $document->template;

// Initialize $view:
$view = $this->artx = new ArtxPage($this);

$view->componentWrapper();
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $document->language; ?>" lang="<?php echo $document->language; ?>" dir="ltr">
<head>
 <jdoc:include type="head" />
 <link rel="stylesheet" href="<?php echo $document->baseurl; ?>/templates/system/css/system.css" type="text/css" />
 <link rel="stylesheet" href="<?php echo $document->baseurl; ?>/templates/system/css/general.css" type="text/css" />
 <link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" media="screen" />
 <!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
 <!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
 <script type="text/javascript">if ('undefined' != typeof jQuery) document._artxJQueryBackup = jQuery;</script>
 <script type="text/javascript" src="<?php echo $templateUrl; ?>/jquery.js"></script>
 <script type="text/javascript">jQuery.noConflict();</script>
 <script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
 <script type="text/javascript">if (document._artxJQueryBackup) jQuery = document._artxJQueryBackup;</script>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
  <script src="jquery.tabslideout.v1.2.js" type="text/javascript"></script>

</head>
<body>
<div id="inx-page-background-middle-texture">
<div id="inx-main">
    <div class="cleared reset-box"></div>
<div class="inx-header">
  <div class="inx-header-position">
    <div class="inx-header-wrapper">
        <div class="cleared reset-box"></div>
        <div class="inx-header-inner">
<div class="inx-logo">
</div>

        </div>
    </div>
</div>


</div>
    <div id="top">
    <jdoc:include type="modules" name="top" />
    </div>
<div class="cleared reset-box"></div>
<?php if ($view->containsModules('position-1', 'position-28', 'position-29')) : ?>
<div class="inx-bar inx-nav">
<div class="inx-nav-outer">
<div class="inx-nav-wrapper">
<div class="inx-nav-inner">
  <?php if ($view->containsModules('position-28')) : ?>
  <div class="inx-hmenu-extra1"><?php echo $view->position('position-28'); ?></div>
  <?php endif; ?>
  <?php if ($view->containsModules('position-29')) : ?>
  <div class="inx-hmenu-extra2"><?php echo $view->position('position-29'); ?></div>
  <?php endif; ?>
  <?php echo $view->position('position-1'); ?>
</div>
</div>
</div>
</div>
<div class="cleared reset-box"></div>
<?php endif; ?>
<div class="inx-box inx-sheet">
    <div class="inx-box-body inx-sheet-body">
<?php echo $view->position('position-15', 'inx-nostyle'); ?>
<?php echo $view->positions(array('position-16' => 33, 'position-17' => 33, 'position-18' => 34), 'inx-block'); ?>
<div class="inx-layout-wrapper">
    <div class="inx-content-layout">
        <div class="inx-content-layout-row">
<div class="inx-layout-cell inx-content">

<?php
  echo $view->position('position-19', 'inx-nostyle');
  if ($view->containsModules('position-2'))
    echo artxPost($view->position('position-2'));
  echo $view->positions(array('position-20' => 50, 'position-21' => 50), 'inx-article');
  echo $view->position('position-12', 'inx-nostyle');
  if ($view->hasMessages())
    echo artxPost('<jdoc:include type="message" />');
  echo '<jdoc:include type="component" />';
  echo $view->position('position-22', 'inx-nostyle');
  echo $view->positions(array('position-23' => 50, 'position-24' => 50), 'inx-article');
  echo $view->position('position-25', 'inx-nostyle');
?>

  <div class="cleared"></div>
</div>
<?php if ($view->containsModules('position-7', 'position-4', 'position-5')) : ?>
<div class="inx-layout-cell inx-sidebar1">
<?php echo $view->position('position-7', 'inx-block'); ?>
<?php echo $view->position('position-4', 'inx-block'); ?>
<?php echo $view->position('position-5', 'inx-block'); ?>

  <div class="cleared"></div>
</div>
<?php endif; ?>

        </div>
    </div>
</div>
<div class="cleared"></div>


<?php echo $view->positions(array('position-9' => 33, 'position-10' => 33, 'position-11' => 34), 'inx-block'); ?>
<?php echo $view->position('position-26', 'inx-nostyle'); ?>

    <div class="cleared"></div>
    </div>
</div>
<div class="inx-footer">
    <div class="inx-footer-body">
        <div class="inx-footer-center">
            <div class="inx-footer-wrapper">
                <div class="inx-footer-text">
                    <?php echo $view->position('position-14'); ?>
                    <?php if ($view->containsModules('position-27')): ?>
                    <?php echo $view->position('position-27', 'inx-nostyle'); ?>
                    <?php else: ?>
                    <?php ob_start(); ?>
<p><a href="#">Link1</a> | <a href="#">Link2</a> | <a href="#">Link3</a></p><p>Copyright © 2012. All Rights Reserved.</p>
<div class="cleared"></div>
<p class="inx-page-footer">Designed by <a href="http://infomax.com.ua" target="_blank">Pavel Sokolov</a>.</p>

                    <?php echo str_replace('%YEAR%', date('Y'), ob_get_clean()); ?>
                    <?php endif; ?>
                </div>
            </div>
        </div>
        <div class="cleared"></div>
    </div>
</div>

    <div class="cleared"></div>
</div>
</div>

<?php echo $view->position('debug'); ?>
</body>
</html>
« Последнее редактирование: 26.12.2012, 15:41:23 от pavels »
*

voland

  • Легенда
  • 11030
  • 588 / 112
  • Эта строка съедает место на вашем мониторе
То есть 20 строчек пустого флуда и нет ссылки на пациента?
*

pavels

  • Осваиваюсь на форуме
  • 17
  • 2 / 0
voland, я немного изменил тему, может так подскажете что нибудь?
« Последнее редактирование: 26.12.2012, 15:39:37 от pavels »
*

pavels

  • Осваиваюсь на форуме
  • 17
  • 2 / 0
Уже разобрался. Кому интересно будет пишите на скайп: nevaljawko
*

midav

  • Давно я тут
  • 926
  • 115 / 1
Если разобрались, так напишите решения . Может кому-нибудь пригодиться . Зачем суета лишняя, скайпы и т.п.
Ответы на вопросы по CSS . Откройте для себя Firebug
*

pavels

  • Осваиваюсь на форуме
  • 17
  • 2 / 0
midav, и действительно, почему бы и нет ))

Расскажу про пример описанный здесь http://yraaa.ru/publ/3-1-0-1282.

Решение:
Значит выводил все это дело отдельным HTML-модулем в следующем порядке:
Сначала идет div с самими контактами и стилем для его настройки...
Код
<div class="panel" style="height:203px">
<div class="sp">
<a class="handle" href="http://bestebay.com.ua">Bestebay</a> мой@e-mail<br />
<br />
skype<br />
<br />
8-000-000-00-00<br />
<br />
8-067-890-12-34<br />
<br />
icq: 000000000<br />
<br />
1111111111111<br />
<br />
11111111111111<br />
&nbsp;</div>
</div>

Затем подключаем библиотеки. Я скачал нужные (jquery.js и jquery.tabSlideOut.v1.3.js) и кинул их в корень сайта...
Код
<script type="text/javascript" src="jquery.js"></script><script type="text/javascript" src="jquery.tabSlideOut.v1.3.js"></script>

Ну и указываем сам скрипт:
Код
<script type="text/javascript">
$(function(){
 $('.panel').tabSlideOut({ //Класс панели
 tabHandle: '.handle', //Класс кнопки
 pathToTabImage: '/images/logo.png', //Путь к изображению кнопки
 imageHeight: '207px', //Высота кнопки
 imageWidth: '360px', //Ширина кнопки
 tabLocation: 'left', //Расположение панели top , right, bottom, left
 speed: 300, //Скорость анимации
 action: 'click', //Метод показа click, hover
 topPos: '20px', //Отступ сверху
 leftPos: '-240px',
 fixedPosition: false //false - position: absolute, true - position: fixed
 });
});
</script>

Нужно прописывать именно в таком порядке. У меня как раз ничего не получалось из за неправильной последовательности.
На всякий случай выложу картину всего созданного модуля целиком:
Спойлер
[свернуть]

Ну и естественно не забываем подключить указанные стили в style.css

Надеюсь кому-то помог.
*

Dr-gonZO

  • Осваиваюсь на форуме
  • 48
  • 0 / 1
Ребята а каким Макаром сделать так чтобы нажимаешь на картинку! а она менялась на другую (в открытом режиме)
*

Dr-gonZO

  • Осваиваюсь на форуме
  • 48
  • 0 / 1
НЕ ужели не кто не поможет найти решение?
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Изменение иконки инвалида-колясочника в плагине Панель доступности

Автор Cirevie

Ответов: 7
Просмотров: 397
Последний ответ 31.01.2024, 12:00:43
от Vastriet
Multilingual Virtual Keyboard for Joomla 5 [решено]

Автор creative3d

Ответов: 2
Просмотров: 344
Последний ответ 28.01.2024, 12:49:40
от creative3d
News Calendar Joomla 3.0 - html5 - Rus

Автор leo78

Ответов: 26
Просмотров: 13028
Последний ответ 21.11.2023, 18:32:21
от Bommbba
Плагин StopKids для маркировки сайта знаком 18+ для Joomla 1.5-3.x

Автор ecolora

Ответов: 40
Просмотров: 19793
Последний ответ 19.03.2023, 18:55:08
от ecolora
Модуль тегов Joes Word Cloud для Joomla 3

Автор ecolora

Ответов: 1
Просмотров: 1372
Последний ответ 05.05.2022, 19:04:44
от ecolora