MyBB Community Forums

Full Version: Adding a Tabbed Member Profile Page for MyBB
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3 4
(2016-05-03, 02:21 AM)Burned Designs Wrote: [ -> ]If your having trouble in 1.8 try removing the noConflict() in the jQuery code 1.8 uses the jquery library that doesn't require noConflict()

so use this

<script type="text/javascript">
jQuery(document).ready(function($) {
    $(".tab_content").hide(); 
    $("ul.tabs li:first").addClass("active").show();
    $(".tab_content:first").show(); 
    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active"); 
        $(this).addClass("active"); 
        $(".tab_content").hide(); 
        var activeTab = $(this).find("a").attr("href"); 
        $(activeTab).fadeIn();
        return false;
    });
});
</script>

Works! Thanks, this looks awesome!

Edit: it does break myalerts popup.
Edit 2: If it breaks Myalerts, just remove or dont add this from headerinclude:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
</script>
(2016-05-09, 01:24 PM)thelovelyone Wrote: [ -> ]
(2016-05-03, 02:21 AM)Burned Designs Wrote: [ -> ]If your having trouble in 1.8 try removing the noConflict() in the jQuery code 1.8 uses the jquery library that doesn't require noConflict()

so use this

<script type="text/javascript">
jQuery(document).ready(function($) {
    $(".tab_content").hide(); 
    $("ul.tabs li:first").addClass("active").show();
    $(".tab_content:first").show(); 
    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active"); 
        $(this).addClass("active"); 
        $(".tab_content").hide(); 
        var activeTab = $(this).find("a").attr("href"); 
        $(activeTab).fadeIn();
        return false;
    });
});
</script>

Works! Thanks, this looks awesome!

Edit: it does break myalerts popup.
Edit 2: If it breaks Myalerts, just remove or dont add this from headerinclude:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
</script>

If my alerts is broken its not due to this code its due to a library not being updated or having to many libraries installed and that is causing a conflict.

MikeInToshx

When I include the javascript code, everything else on the forum just breaks and doesn't work anymore.
How could I fix this?


I've just read the post above me, removing the noconflict line does the job!
-- updated instructions removed -
I need help with this...
Hi, I want to use this on 1.8.17 version of mybb, Now my question is , if i let it move from tab to tab like this, it makes problem with post editor which doesnt show up
Does this work for the 1.8.22 version?

Resolved this, I can't remember what I did. But I got it to work.
Is there a tutorial for the latest mybb 1.8.26?
Pages: 1 2 3 4