i am facing the problem.
I recently noticed that my forum's smilies were not clickable in things like New Replies, PM Replies, and also the Bold, Italic, Underline and so on editor options did not appear either.
![[Image: image.png]](https://camo.mybb.com/d6775b42e316f50f902bf53650d0f67d56711397/687474703a2f2f73382e706f7374696d6167652e6f72672f3636357274636937702f696d6167652e706e67)
As the support staff mentioned
HERE
I searched
Quote: <script src="http://www.google.com/jsapi" type="text/javascript"></script><script type="text/javascript">google.load('jquery', '1.3.2');</script>
in my theme's "headerinclude" template but i didnt found that code anywhere in the template.
Somebody help please....
Following is my complete "Headerinclude" template code:
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" /><script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/grey_out.js"></script><script type="text/javascript">function logout_confirmation(){grayOut(true);if (confirm('Are you sure you want to logout?')){grayOut(false);return true;}else{grayOut(false);return false;}}</script>
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/noise/js/cookie.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/noise/js/toggle.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/noise/js/easing.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/noise/js/general.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/noise/js/profile.js"></script>
{$stylesheets}
<link rel="alternate stylesheet" type="text/css" title="blue" href="images/noise/style/blue.css" />
<link rel="alternate stylesheet" type="text/css" title="green" href="images/noise/style/green.css" />
<link rel="alternate stylesheet" type="text/css" title="orange" href="images/noise/style/orange.css" />
<link rel="alternate stylesheet" type="text/css" title="yellow" href="images/noise/style/yellow.css" />
<link rel="alternate stylesheet" type="text/css" title="purple" href="images/noise/style/purple.css" />
<link rel="alternate stylesheet" type="text/css" title="gray" href="images/noise/style/gray.css" />
<link rel="alternate stylesheet" type="text/css" title="navy" href="images/noise/style/navy.css" />
<link rel="alternate stylesheet" type="text/css" title="pink" href="images/noise/style/pink.css" />
<link rel="alternate stylesheet" type="text/css" title="dark" href="images/noise/style/dark.css" />
<script src="images/noise/style/styleswitch.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var cookieDomain = "{$mybb->settings['cookiedomain']}";
var cookiePath = "{$mybb->settings['cookiepath']}";
var cookiePrefix = "{$mybb->settings['cookieprefix']}";
var deleteevent_confirm = "{$lang->deleteevent_confirm}";
var removeattach_confirm = "{$lang->removeattach_confirm}";
var loading_text = '{$lang->ajax_loading}';
var saving_changes = '{$lang->saving_changes}';
var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
var my_post_key = "{$mybb->post_code}";
var imagepath = "{$theme['imgdir']}";
// -->
</script>
{$newpmmsg}
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery('a[href=#top]').click(function(){
jQuery('html, body').animate({scrollTop:0}, 'slow');
return false;
});
});
</script>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {
if ($(".avatar img").attr("src") === "") {
$(".avatar img").attr("src", "images/noise/defaultavatar.png");
}
});
</script>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery(".catdesc").hide();
jQuery(".cattitle").live('mouseover mouseout', function(event) {
var catdesc = jQuery(this).parent().children('.catdesc');
var content = catdesc.text();
if (content !== "") {
if (event.type == 'mouseover') {
catdesc.fadeIn('slow');
} else {
catdesc.stop(true, true).fadeOut('slow');
}
}
});
});
</script>
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
/**
* Modal Boxes JS
*
* @author Euan T. <[email protected]>
* @version 1.0.0
*/
jQuery.noConflict();
jQuery(document).ready(function($)
{
// Make the jQuery modal login redirect you back to the page you're currently on //
$('#loginModal input[name="url"]').attr("value", window.location);
// /Login redirect //
// Modal Boxes //
$('a[name="modal"]').on('click', function(event)
{
event.preventDefault();
var target = $(this).attr('rel');
// Set up the shadowing
var maskHeight = $(document).height();
var maskWidth = $(window).width();
$('#mask').css({'width': maskWidth, 'height': maskHeight});
$('#mask').fadeIn(1000);
$('#mask').fadeTo("slow", 0.8);
// Position the actual modal
var winH = $(window).height();
var winW = $(window).width();
$(target).css('top', (winH / 2) - ($(target).height() / 2));
$(target).css('left', (winW / 2) - ($(target).width() / 2));
$(target).fadeIn(2000);
});
$('.modalBox a[rel="closeModal"]').on('click', function(event)
{
event.preventDefault();
$('#mask, .modalBox').hide();
});
$('#mask').on('click', function ()
{
$(this).hide();
$('.modalBox').hide();
});
// /Modal Boxes //
});
</script>
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function(){
jQuery("#fstat")
.find("span")
.each(function(){
jQuery(this).animate({"width": "1px"});
})
.parent()
.hover(
function(){
jQuery(this).find("span").stop().animate({"width": "65px"});
}, function() {
jQuery(this).find("span").stop().animate({"width": "1px"});
}
);
});
</script>
<script type="text/javascript" src="images/noise/js/tipsy.js"></script>
<script type='text/javascript'>
jQuery.noConflict();
jQuery(function() {
jQuery("a").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("img").tipsy({gravity: jQuery.fn.tipsy.autoNS});
});
</script>
THANKS IN ADVANCE.....
You are loading jQuery 6 times in that template. Try replace your entire headerinclude template with the following:
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" /><script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/grey_out.js"></script><script type="text/javascript">function logout_confirmation(){grayOut(true);if (confirm('Are you sure you want to logout?')){grayOut(false);return true;}else{grayOut(false);return false;}}</script>
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/noise/js/cookie.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/noise/js/toggle.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/noise/js/easing.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/noise/js/general.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/noise/js/profile.js"></script>
{$stylesheets}
<link rel="alternate stylesheet" type="text/css" title="blue" href="images/noise/style/blue.css" />
<link rel="alternate stylesheet" type="text/css" title="green" href="images/noise/style/green.css" />
<link rel="alternate stylesheet" type="text/css" title="orange" href="images/noise/style/orange.css" />
<link rel="alternate stylesheet" type="text/css" title="yellow" href="images/noise/style/yellow.css" />
<link rel="alternate stylesheet" type="text/css" title="purple" href="images/noise/style/purple.css" />
<link rel="alternate stylesheet" type="text/css" title="gray" href="images/noise/style/gray.css" />
<link rel="alternate stylesheet" type="text/css" title="navy" href="images/noise/style/navy.css" />
<link rel="alternate stylesheet" type="text/css" title="pink" href="images/noise/style/pink.css" />
<link rel="alternate stylesheet" type="text/css" title="dark" href="images/noise/style/dark.css" />
<script src="images/noise/style/styleswitch.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var cookieDomain = "{$mybb->settings['cookiedomain']}";
var cookiePath = "{$mybb->settings['cookiepath']}";
var cookiePrefix = "{$mybb->settings['cookieprefix']}";
var deleteevent_confirm = "{$lang->deleteevent_confirm}";
var removeattach_confirm = "{$lang->removeattach_confirm}";
var loading_text = '{$lang->ajax_loading}';
var saving_changes = '{$lang->saving_changes}';
var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
var my_post_key = "{$mybb->post_code}";
var imagepath = "{$theme['imgdir']}";
// -->
</script>
{$newpmmsg}
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery('a[href=#top]').click(function(){
jQuery('html, body').animate({scrollTop:0}, 'slow');
return false;
});
});
</script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {
if ($(".avatar img").attr("src") === "") {
$(".avatar img").attr("src", "images/noise/defaultavatar.png");
}
});
</script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery(".catdesc").hide();
jQuery(".cattitle").live('mouseover mouseout', function(event) {
var catdesc = jQuery(this).parent().children('.catdesc');
var content = catdesc.text();
if (content !== "") {
if (event.type == 'mouseover') {
catdesc.fadeIn('slow');
} else {
catdesc.stop(true, true).fadeOut('slow');
}
}
});
});
</script>
<script type="text/javascript">
/**
* Modal Boxes JS
*
* @author Euan T. <[email protected]>
* @version 1.0.0
*/
jQuery.noConflict();
jQuery(document).ready(function($)
{
// Make the jQuery modal login redirect you back to the page you're currently on //
$('#loginModal input[name="url"]').attr("value", window.location);
// /Login redirect //
// Modal Boxes //
$('a[name="modal"]').on('click', function(event)
{
event.preventDefault();
var target = $(this).attr('rel');
// Set up the shadowing
var maskHeight = $(document).height();
var maskWidth = $(window).width();
$('#mask').css({'width': maskWidth, 'height': maskHeight});
$('#mask').fadeIn(1000);
$('#mask').fadeTo("slow", 0.8);
// Position the actual modal
var winH = $(window).height();
var winW = $(window).width();
$(target).css('top', (winH / 2) - ($(target).height() / 2));
$(target).css('left', (winW / 2) - ($(target).width() / 2));
$(target).fadeIn(2000);
});
$('.modalBox a[rel="closeModal"]').on('click', function(event)
{
event.preventDefault();
$('#mask, .modalBox').hide();
});
$('#mask').on('click', function ()
{
$(this).hide();
$('.modalBox').hide();
});
// /Modal Boxes //
});
</script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function(){
jQuery("#fstat")
.find("span")
.each(function(){
jQuery(this).animate({"width": "1px"});
})
.parent()
.hover(
function(){
jQuery(this).find("span").stop().animate({"width": "65px"});
}, function() {
jQuery(this).find("span").stop().animate({"width": "1px"});
}
);
});
</script>
<script type="text/javascript" src="images/noise/js/tipsy.js"></script>
<script type='text/javascript'>
jQuery.noConflict();
jQuery(function() {
jQuery("a").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("img").tipsy({gravity: jQuery.fn.tipsy.autoNS});
});
</script>
(2012-12-24, 09:03 AM)Vernier Wrote: [ -> ]You are loading jQuery 6 times in that template. Try replace your entire headerinclude template with the following:
<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" /><script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/grey_out.js"></script><script type="text/javascript">function logout_confirmation(){grayOut(true);if (confirm('Are you sure you want to logout?')){grayOut(false);return true;}else{grayOut(false);return false;}}</script>
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/prototype.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/general.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/popup_menu.js?ver=1600"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/noise/js/cookie.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/noise/js/toggle.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/noise/js/easing.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/noise/js/general.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/noise/js/profile.js"></script>
{$stylesheets}
<link rel="alternate stylesheet" type="text/css" title="blue" href="images/noise/style/blue.css" />
<link rel="alternate stylesheet" type="text/css" title="green" href="images/noise/style/green.css" />
<link rel="alternate stylesheet" type="text/css" title="orange" href="images/noise/style/orange.css" />
<link rel="alternate stylesheet" type="text/css" title="yellow" href="images/noise/style/yellow.css" />
<link rel="alternate stylesheet" type="text/css" title="purple" href="images/noise/style/purple.css" />
<link rel="alternate stylesheet" type="text/css" title="gray" href="images/noise/style/gray.css" />
<link rel="alternate stylesheet" type="text/css" title="navy" href="images/noise/style/navy.css" />
<link rel="alternate stylesheet" type="text/css" title="pink" href="images/noise/style/pink.css" />
<link rel="alternate stylesheet" type="text/css" title="dark" href="images/noise/style/dark.css" />
<script src="images/noise/style/styleswitch.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var cookieDomain = "{$mybb->settings['cookiedomain']}";
var cookiePath = "{$mybb->settings['cookiepath']}";
var cookiePrefix = "{$mybb->settings['cookieprefix']}";
var deleteevent_confirm = "{$lang->deleteevent_confirm}";
var removeattach_confirm = "{$lang->removeattach_confirm}";
var loading_text = '{$lang->ajax_loading}';
var saving_changes = '{$lang->saving_changes}';
var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
var my_post_key = "{$mybb->post_code}";
var imagepath = "{$theme['imgdir']}";
// -->
</script>
{$newpmmsg}
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery('a[href=#top]').click(function(){
jQuery('html, body').animate({scrollTop:0}, 'slow');
return false;
});
});
</script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {
if ($(".avatar img").attr("src") === "") {
$(".avatar img").attr("src", "images/noise/defaultavatar.png");
}
});
</script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery(".catdesc").hide();
jQuery(".cattitle").live('mouseover mouseout', function(event) {
var catdesc = jQuery(this).parent().children('.catdesc');
var content = catdesc.text();
if (content !== "") {
if (event.type == 'mouseover') {
catdesc.fadeIn('slow');
} else {
catdesc.stop(true, true).fadeOut('slow');
}
}
});
});
</script>
<script type="text/javascript">
/**
* Modal Boxes JS
*
* @author Euan T. <[email protected]>
* @version 1.0.0
*/
jQuery.noConflict();
jQuery(document).ready(function($)
{
// Make the jQuery modal login redirect you back to the page you're currently on //
$('#loginModal input[name="url"]').attr("value", window.location);
// /Login redirect //
// Modal Boxes //
$('a[name="modal"]').on('click', function(event)
{
event.preventDefault();
var target = $(this).attr('rel');
// Set up the shadowing
var maskHeight = $(document).height();
var maskWidth = $(window).width();
$('#mask').css({'width': maskWidth, 'height': maskHeight});
$('#mask').fadeIn(1000);
$('#mask').fadeTo("slow", 0.8);
// Position the actual modal
var winH = $(window).height();
var winW = $(window).width();
$(target).css('top', (winH / 2) - ($(target).height() / 2));
$(target).css('left', (winW / 2) - ($(target).width() / 2));
$(target).fadeIn(2000);
});
$('.modalBox a[rel="closeModal"]').on('click', function(event)
{
event.preventDefault();
$('#mask, .modalBox').hide();
});
$('#mask').on('click', function ()
{
$(this).hide();
$('.modalBox').hide();
});
// /Modal Boxes //
});
</script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function(){
jQuery("#fstat")
.find("span")
.each(function(){
jQuery(this).animate({"width": "1px"});
})
.parent()
.hover(
function(){
jQuery(this).find("span").stop().animate({"width": "65px"});
}, function() {
jQuery(this).find("span").stop().animate({"width": "1px"});
}
);
});
</script>
<script type="text/javascript" src="images/noise/js/tipsy.js"></script>
<script type='text/javascript'>
jQuery.noConflict();
jQuery(function() {
jQuery("a").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("img").tipsy({gravity: jQuery.fn.tipsy.autoNS});
});
</script>
just tried this but still not working....
help please.....
thanks in advance
sorry for bumpin it guys...
but i need urgent help....
problem solved....
it was mainly due to jquery conflict of Rocket Loader, which is a feature that can be turned on/off in CloudFlare account's performance settings for the domain.
Please close the thread....
I can confirm the problem with "Rocket Loader" I have had this problem for a few days now, it was more confusing as it only occurred in FireFox and Chrome but as soon as I turned off RL in page rules at CloudFlare all came back
