Problema con 2 animazioni Mootools

[mr.fifteen]

Buongiorno.
Premetto che sono un cane con Javascript anche se mi piacerebbe saperne mooolto di più...
Vorrei inserire 2 animazioni mootools all'interno della stessa pagina, per prima cosa vi chiedo se è possibile. Immagino di si.
Ho provato a farlo, sono due animazioni che singolarmente funzionano ma, quando le metto insieme ne va, parzialmente, una sola.
La pagina è questa Link, c'è uno slideshow (funzionante, ma solo su Firefox e Chrome e non su IE) per le immagini e un newsticker per le news a sinistra.
Inoltre, anche funzionando il newsticker mi faceva girare le news solo su uno dei due box e non sul secondo, come faccio a farli andare entrambi?
Qualcuno saprebbe aiutarmi?

Grazie mille

[Xinod]

l' id identifica univocamente un elemento nel documento,
piu' elementi non possono avere stesso id

per risolvere nella maniera piu' semplice possibile assegna id diversi ai vari elementi coinvolti nello script e duplica questa parte,
cambiando hor, TickerVertical, stop_scroll, play_scroll, play_scroll_cont, stop_scroll_cont

   var hor = new Ticker('TickerVertical', {
      speed : 500, delay : 5000, direction : 'vertical'});
    $('stop_scroll').addEvent('click', function() {
		$('play_scroll_cont').style.display='block';
		$('stop_scroll_cont').style.display='none';
		hor.pause();
	});
    $('play_scroll').addEvent('click', function() {
		$('stop_scroll_cont').style.display='block';
		$('play_scroll_cont').style.display='none';
		hor.resume();
	});

ciao

[mr.fifteen]

ok, penso di aver capito cosa ho fatto, ho fatto una cazzabubbola con gli ID anche nel css duplicandoli, ho fatto una seconda pagina dove testare lo script ma continua a girare uno solo dei box e l'altro resta fermo... mi sa che non sto duplicando tutto tutto correttamente...

[Xinod]

continui ad avere id duplicati, ma mi sembra non in posizioni determinanti ai fini dello script

nota che se non hai pulsanti di play e pausa tutto questo non serve

    $('stop_scroll').addEvent('click', function() {
		$('play_scroll_cont').style.display='block';
		$('stop_scroll_cont').style.display='none';
		hor.pause();
	});
    $('play_scroll').addEvent('click', function() {
		$('stop_scroll_cont').style.display='block';
		$('play_scroll_cont').style.display='none';
		hor.resume();
	});

tutto quello che ti servira' per animare i due box contemporaneamente sara' quindi solo

window.addEvent('domready', function() {
   var hor = new Ticker('TickerVertical', {
      speed : 500, delay : 5000, direction : 'vertical'});
   var hor2 = new Ticker('TickerVertical2', {
      speed : 500, delay : 5000, direction : 'vertical'});
});

ciao

[mr.fifteen]

bingo, ora funziona...
l'unico problema è che non funziona in coppia con l'altra animazione...
l'unica cosa che vedo io è che le news andavano con la versione 1.11 di mootools, lo slideshow con la 1.2.1... potrebbe essere quello?

[Xinod]

si', e' quello il motivo

ad una rapida occhiata, per usare il ticker con mootols 1.2.x va cambiato Fx.Styles con Fx.Morph

[mr.fifteen]

mmm... mi sa che non è solo quello...
cercherò qualche ticker che va con mootools 1.2...
ti ringrazio infinitamente per avermi risolto l'altro problema con grande chiarezza tanto da farmi capire dove e come sbagliavo... (non è facile credimi... )