conflitto fra diversi script javascript e jquery

[eaglespike]

Salve ragazzi sto facendo un sito e per abbellirlo ho utilizzato alcuni script presi dal forum, ed ecco il problema se li provo da soli vanno a meraviglia se li metto sulla stessa pagina ne funziona solo uno, gli script sono: un menù, una galleria e uno scroll delle news. Funziona solo le news.. sapete aiutarmi?!?!?

Grazie a tutti ciauu

[Friko85]

Ciao..

probabilmente ci sono funzioni sovrascritte.. dovresti inserire gli script in namespaces diversi

[eaglespike]

scusa la mia ignoranza.. in che senso namespace? come faccio?

ciao e grazie..

[eaglespike]

posto anche il codice se serve...



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script src="jquery.easing.1.3.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function() {

$("#sliding-navigation3 ul li a").mouseover(function(){
$(this).stop().animate({paddingLeft: '20px'},50);
$(this).css({'background-color' : '#D96528'});
});

$("#sliding-navigation3 ul li a").mouseout(function(){
$(this).stop().animate({paddingLeft: '40px'},50);
$(this).css({'background-color' : '#45B4E0'});
});

});

</script>
<style>
#demo {width:529px; margin:0 auto; color:#fff;}
</style>




<script type="text/javascript" src="mootools-beta-1.2b2.js"></script>
<script type="text/javascript" src="MooFlow.js"></script>
<script type="text/javascript">

var myMooFlowPage = {

start: function(){

var mf = new MooFlow($('MooFlow'), {
stylePath: 'MooFlow.css',
useSlider: true,
useAutoPlay: true,
useCaption: true,
useResize: true,
useWindowResize: true,
useMouseWheel: true,
useKeyInput: true,
startIndex: 4
});
}

};

window.addEvent('domready', myMooFlowPage.start);
</script>




<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="newsMarquee.js"></script>
<script type="text/javascript">
Event.observe (window, 'load', function(){
new verticalMarquee('example2');
});
</script>

[Xinod]

eh ma se fai il minestrone di librerie e' normale che non funzioni nulla

se non sei un esperto scegline una (jquery e' la piu' semplice e la piu' ricca dal punto di vista di tutorial e script gia' pronti) e fai tutto con quella

[MadBob]

Non so se Jquery va in conflitto anche con mootools ma io avevo un problema simile affiancando alla libreria prototype, ovviato chimando Jquery con il noConlict();

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script src="jquery.easing.1.3.js" type="text/javascript"></script>
<script type="text/javascript">

var JQ = jQuery.noConflict();

JQ(document).ready(function() {

JQ("#sliding-navigation3 ul li a").mouseover(function(){.... 

Ovviamente puoi mettere quel che vuoi al posto della variabile JQ.

[Xinod]

tutte le librerire che usano il $ come alias del proprio namespace andranno in conflitto fra loro

tecnicamente e' corretto usare il noconflict
ma non e' comunque sensato inserire 3 librerie belle pesanti e che fanno piu' o meno le stesse cose nello stesso documento

[eaglespike]

con il noconflict ho risolto il problema del menù.. adesso però vanno in conflitto mooflow e prototype, praticamente se tolgo il prototype funziona la galleria e non le news, se lascio il prototype funziona le news e non la galleria.. (il menù funziona comunque).. anche cambiando l'ordine del prototype non funziona perchè smette di funzionare le news.. sn abb chiuso non so dove sbattere la testa ho provato a togliere le librerie e lasciare jquery ma funziona solo il menù.. riposto il codice se può servire:


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script src="jquery.easing.1.3.js" type="text/javascript"></script>

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {

jQuery("#sliding-navigation3 ul li a").mouseover(function(){
jQuery(this).stop().animate({paddingLeft: '20px'},50);
jQuery(this).css({'background-color' : '#D96528'});
});

jQuery("#sliding-navigation3 ul li a").mouseout(function(){
jQuery(this).stop().animate({paddingLeft: '40px'},50);
jQuery(this).css({'background-color' : '#45B4E0'});
});

});

</script>
<style>
#demo {width:529px; margin:0 auto; color:#fff;}
</style>





<script type="text/javascript" src="mootools-beta-1.2b2.js"></script>
<script type="text/javascript" src="MooFlow.js"></script>
<script type="text/javascript">

var myMooFlowPage = {

start: function(){

var mf = new MooFlow($('MooFlow'), {
stylePath: 'MooFlow.css',
useSlider: true,
useAutoPlay: true,
useCaption: true,
useResize: true,
useWindowResize: true,
useMouseWheel: true,
useKeyInput: true,
startIndex: 4
});
}

};

window.addEvent('domready', myMooFlowPage.start);
</script>




<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="newsMarquee.js"></script>
<script type="text/javascript">
Event.observe (window, 'load', function(){
new verticalMarquee('example2');
});
</script>

[Friko85]

mootools + jquery + prototype

Ma non riesci a trovare una quadra ed usare solo mt o jq?

notte

[eaglespike]

si effettivamente sto cercando di eliminare sto prototype ma non trovo script di news scroller decenti cmq continuerò a cercare se sapete indicarmene uno (verticale) sarebbe fantastico..