You have alot of jquery loaded, i had the same thing and also some jquery didn't work.
The sollution was simple after some search.
First the line:
Code: Select all
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery-1.7.2.min.js"></script>
Goes
before every jquery code, so move it
You need to place this line:
var $ = jQuery.noConflict();
before the functions
so if we look at one code on yours i placed the line in it:
Code: Select all
<script src="{ROOT_PATH}script/jquery.totemticker.min.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
var $ = jQuery.noConflict();
$(document).ready(function() {
$('#vertical-ticker').totemticker({
row_height : '41px',
max_items : 3,
speed : {JSSCROLL_SPEED},
interval : {JSSCROLL_INTERVAL},
<!-- IF TS_JSSCROLL_NAVIGATION -->
next : '#ticker-next',
previous : '#ticker-previous',
stop : '#stop',
start : '#start',
<!-- ENDIF -->
mousestop : true,
direction : '<!-- IF TS_JSSCROLL_DIRECTION -->down<!-- ELSE -->up<!-- ENDIF -->'
});
});
// ]]>
</script>
<!-- ELSEIF S_TS_TICKER and not S_TS_JSSCROLL -->
<script src="{ROOT_PATH}script/jquery.newsticker.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function() {
$("#news").newsTicker();
});
// ]]>
</script>
<!-- ENDIF -->
<!-- ENDIF -->
Then you look to the other jquery code:
again place the same line as before as i did in the code above
But change it to this instead:
for example you have this code after the first jquery we changed above
Code: Select all
<script type="text/javascript">
$(document).ready(function() {
$('#sn-not-logged-in').mouseenter(function() {
$('#sn-not-logged-in-hover').fadeIn('medium');
});
$('#sn-not-logged-in-hover').mouseleave(function() {
$('#sn-not-logged-in-hover').fadeOut('medium');
});
});
</script>
change it too this instead:
Code: Select all
<script type="text/javascript">
var $a = jQuery.noConflict();
$a(document).ready(function() {
$a('#sn-not-logged-in').mouseenter(function() {
$a('#sn-not-logged-in-hover').fadeIn('medium');
});
$a('#sn-not-logged-in-hover').mouseleave(function() {
$a('#sn-not-logged-in-hover').fadeOut('medium');
});
});
</script>
as you see we placed the same line ,but after the dollarsign we assigned the letter a.
If you just use only $ signs in every jquery code, then jquery get's stuck and then doesn't work no more.
Hope you get the picture, now you just need to do the same on every jquery code you have
and give the other jquery code the letter b and so on.
