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

Здравствуйте. Есть javascript выпадающего блока: Как подключить его к движку?
Вставил файл скрипта в папку «js» скина. В confige прописал
$config['head']['default']['js'][] = '___path.static.skin___/js/template.js';

В header.tpl прописал
<script type="text/javascript">
window.addEvent('domready', function(){
	var mySlide = new Fx.Slide('top-panel');
mySlide.hide();
	$('toggle').addEvent('click', function(e){
		e = new Event(e);
		mySlide.toggle();
		
	});
});
 
</script>
/////////////
</div>
<div id="sub-panel">
  <a href="#" id="toggle">
  <span>Об авторе</span>
  </a>
  </div>

Стили css в grid.css. Не работает! Как нужно сделать?
Вот код скрипта.
html файл
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Slide top panel</title>
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
	var mySlide = new Fx.Slide('top-panel');
mySlide.hide();
	$('toggle').addEvent('click', function(e){
		e = new Event(e);
		mySlide.toggle();
		
	});
});
 
</script>
<style type="text/css">
body{	
	border:0;
	padding:0;
	margin:0;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#555555;
}
a:link, a:visited{color:#0066CC;}
#top-panel{
	background: #F60;
	border-bottom:3px solid #a6c34e;
	padding:14px 20px;
	text-align:right;
	height:auto;
	
}
#sub-panel{
	text-align:center;
	color:#000;
}
#sub-panel a{
	margin-top: 40px;
	width:200px;
	float:right;
	color:#000;
	text-decoration:none;
	margin-right:30px;
	font-weight:bold;
	background:url(img/sub-left.png) bottom left no-repeat ;
}
#sub-panel a span{
	padding:6px;
	background:url(img/sub-right.png) right bottom no-repeat;
	display:block;

}
strong{color:#000000;}
.face{border:solid 2px #a6c34e; margin-left:10px; float:right;}

</style>
</head>

<body>
<div id="top-panel">
  ygyhuhuhuhuhuuhuhuuhuuhuhuhuhuhuhuhu
</div>
<div id="sub-panel">
  <a href="#" id="toggle">
  <span>Об авторе</span>
  </a>
  </div>
</body>
</html>

и сам файл со скриптом «mootools.js»
Очень много кода, если необходимо то вставлю

6 комментариев

avatar
Добавляйте весь js код, который связан с дизайном, в папку /templates/skin/шаблон/js/template.js. Затем чистите кеш шаблона. Все.
avatar
А как должно быть? Куда деть файл «mootools.js»?
Вставил код в template.js
<script type="text/javascript">
window.addEvent('domready', function(){
	var mySlide = new Fx.Slide('top-panel');
mySlide.hide();
	$('toggle').addEvent('click', function(e){
		e = new Event(e);
		mySlide.toggle();
		
	});
});
 
</script>

Редактор пишет ошибку, и не работает. Попробовал содержимое всех файлов вставить в template.js, тоже самое.
avatar
Оберните script в {literal}, если js код в .tpl файле. Если код в .js файле, то ошибок smarty быть не должно. То есть вот, что надо добавить в template.js:
window.addEvent('domready', function(){
	var mySlide = new Fx.Slide('top-panel');
mySlide.hide();
	$('toggle').addEvent('click', function(e){
		e = new Event(e);
		mySlide.toggle();
		
	});
});


Mootols подключайте по CDN (так удобнее) или скачайте библиотеку и подключайте через конфиг, только указывайте реальное название файла библиотеки.
avatar
вы этот код не вставите, в лс используется jquery и плагины mootools работать не будут.
avatar
С каких пор jquery конфликтует с mootools?
avatar
<script type="text/javascript">
    google_ad_client = "ca-pub-9824455183442865";
    google_ad_slot = "3127372839";
    google_ad_width = 300;
    google_ad_height = 600;
</script>

<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>


Такой код тоже не вставить? JS вообще не работает?
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.