установка 2 скрипта на одной странице

[IDos]

Всем привет. Так как поиск не дал никаких результатов, прошу разобраться в следующей проблеме.
создал на странице 2 меню: горизонтальное и вертикальное. Соответственно, каждое из меню использует код скрипта, который должен присутствовать на странице (образец)
{literal}
<__script__ type="text/javascript">
window.addEvent('domready', function(){
............
mySlide.toggle();
e.stop();
});
</__script>
{/literal}

Если вставляю код скрипта горизонтального меню и заключаю в {literal}{/literal}, то все работает, и меню отображается корректно. Если вставляю код скрипта вертикального меню, то в итоге работает корректно вертикальное меню, а горизонтальное отображается не корректно, то есть, не работает скрипт должным образом, или они конфликтуют("перебивают" друг друга).
Что мне надо сделать, или как правильно вставить код, что бы заработало оба меню. Заранее благодарен за помощь

[awe007]

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

[IDos]

я тоже понимал, что где-то идет накладка переменных, но не нашел где. Вот прилагаю весь код для разбора(вверху код для вертикального меню, в низу, для горизонтального меню)

Code: Select all

{literal}
<__script__ type="text/javascript" src="http://www.мойсайт.ком/beer/lib/mootools/mootools.svn.js"></__script>
      <__script__ type="text/javascript">
      window.addEvent('domready', function(){
      //-vertical
      var mySlide = new Fx.Slide('v-menu2');
      mySlide.hide(); 
      $('toggle').addEvent('click', function(e){
      e = new Event(e);
      mySlide.toggle();
      e.stop();
      });
 }); 
  </__script>
{/literal}
{literal}
<__script__ type="text/javascript" src="http://www.мойсайт.ком/beer/lib/jquery/js/jquery-1.3.2.min.js"></__script>
<__script__ type="text/javascript">
$(document).ready(function() {
	
	$("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
	
	$("#topnav li").each(function() { //For each list item...
		var linkText = $(this).find("a").html(); //Find the text inside of the a tag
		$(this).find("span").show().html(linkText); //Add the text in the span tag
	}); 
	
	$("#topnav li").hover(function() {	//On hover...
		$(this).find("span").stop().animate({ 
			marginTop: "-40" //Find the span tag and move it up 40 pixels
		}, 250);
	} , function() { //On hover out...
		$(this).find("span").stop().animate({
			marginTop: "0" //Move the span back to its original state (0px)
		}, 250);
	});
});
</__script>
{/literal}

[awe007]

Кажись тут конфликтуют mootools и jquery. На джумле, по крайней мере, они не работают однвоременно. Возможно что тут такая же ситуация. Надо искать меню, сделанные на какой нибудь одной технологии, чтобы одновременно их использовать. Хотя может я не прав и кто-то меня поправит..

[IDos]

Да, тут скорее всего конфликтуют скрипты. Короче, снес все и поставил меню на CSS, bez jscript. Но было бы не плохо знать, если все же существует вариант установки двух разных скриптов(менюшки то довольно не плохие были )

[butcher_88]

Извиняюсь за боян,
mootools и jquery действительно вместе не работают, без финтов ушами по крайней мере.
Чтобы сделать 2 меню одновременно учите javascript, а не копируйте готовый код))