Всем привет!
Подскажите, как лучше подружить 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>