MyBB Community Forums

Full Version: jQuery problems - Lots of things not functioning
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello everyone,

I know there are a lot of threads dealing with this sort of thing and I've searched and searched but have yet to fix my problem. Admittedly, I'm new to MyBB so maybe I just don't know what I'm doing but I'm having an awful time trying to figure out where the conflict lies. I assumed it to be in headerinclude but I can't seem to make it work no matter what I try. I've reverted to the original, copied and pasted from the XML file (without all the extra code) and still I can't get things functioning properly.

I've disabled all plugins and still my multiquote button, edit button, check all boxes (like in PM, for example), certain profile options and collapse buttons don't work. Though I could be wrong, I feel certain that it's a jquery problem somewhere.

I've tried adding the no.conflict code that I kept running into to no avail so I removed it afterwards. Here's my headerinclude for reference:

<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 src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Oxygen:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{$mybb->settings['bburl']}/images/Unlimited/font/css/font-awesome.css"></link>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.cookie.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/tipsy.js"></script>

<script type="text/javascript">
jQuery.noConflict();
</script>

<script type="text/javascript">
/**
 * Modal Boxes JS
 *
 * @author Euan T. <[email protected]>
 * @version 1.0.0
 * Modified by eNvy - 2014
 */



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(function() {

    var quotes = jQuery(".quotes");
    var quoteIndex = -1;
    
    function showNextQuote() {
        ++quoteIndex;
        quotes.eq(quoteIndex % quotes.length)
            .fadeIn(500)
            .delay(12000)
            .fadeOut(500, showNextQuote);
    }
    
    showNextQuote();

});
</script>

<script type="text/javascript">
jQuery(function($) {
    $(".clickedbuttons").hide();
    $(".buttons").click(function() {
        $(".sidebar").animate({height: "hide", opacity: 0}, 500,
            function() {
                $(".forums").animate({width: "984px"}, 500);
            });
        $(this).hide();
        $(".clickedbuttons").show();
        $.cookie("howlsidebar","collapsed", {expires: 365});
        return false;
    });
    $(".clickedbuttons").click(function() {
        $(".forums").animate({width: "724px"}, 500,
            function() {
                $(".sidebar").animate({height: "show", opacity: 1}, 500);
            });
        $(this).hide();
        $(".buttons").show();
        $.cookie("howlsidebar","expanded", {expires: 365});
        return false;
    });
    if($.cookie("howlsidebar") == "collapsed") {
        $(".buttons").hide();
        $(".clickedbuttons").show();
        $(".forums").css("width","984px");
        $(".sidebar").hide();
    };
});
</script>

<script type='text/javascript'> 
jQuery(function() {
jQuery("a").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("title").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("img").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("i").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("span").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("div").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("label").tipsy({gravity: jQuery.fn.tipsy.autoNS});
jQuery("input").tipsy({gravity: jQuery.fn.tipsy.autoNS});
  });
</script>

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('a[href=#top]').click(function(){
        jQuery('body,html').animate({scrollTop: 0}, 1200);        
        return false;
    });
});
</script>

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

    $(".catdesc").hide();

    $(".cattitle").on('mouseover mouseout', function(event) {

        var catdesc = $(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>

<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>
{$stylesheets}
<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}

I'm using the 'Unlimited' theme that can be found here at MyBB. I'm not sure quite when the problem arose, I didn't notice it until yesterday.

I would very much appreciate some help, I'm struggling to find the problem myself. Admittedly, I'm new to MyBB and in no way jscript savvy. Thanks to any and everyone!

For further reference, the website is http://midnightspookhouse.com/forum
minified jQuery & prototype scripts should be removed. jQuery needs to be added.
noconflict code also needs removing. some other code changes are required.
Quote:Visit your Admin Control Panel, then go to Templates & Style > Templates > Find Updated Templates. This will show you a list of all the templates that have changed during the upgrade.

You can either revert these templates to their default - meaning all the changes you've made to it will be removed - or you can see a Diff Report which will show you exactly what's changed. If you have a custom theme installed, it is probably best that you look at the Diff Report and apply the changes you need.
Thanks so much for the reply! Smile

I had no idea they had been minified. Would that be a cloudflare thing that could be done on the backend? Regardless, at least for now, I have disabled CF so I can see the changes instantly as I make them.

I apologize for my ignorance but I how do I go about getting rid of the minified jQ and add jQuery?

EDIT: Once I remove prototype (I assume), I'm losing my multiquote button on the posting pages. Also, my post editor is showing up weird without anywhere to actually type. It's showing a list of the buttons textually down the page.
CloudFlare can also affect java scripts used for the forum.

basically  codes similar to below should be removed in headerinclude template
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">jQuery.noConflict();</script>
<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>



And below codes should be retained in the headerinclude template
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.js?ver=1800"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.plugins.min.js?ver=1800"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/general.js?ver=1800"></script>