Adding a Tabbed Member Profile Page for MyBB
#31
(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>
Reply
#32
(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.
Reply
#33
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!
Reply
#34
-- updated instructions removed -
Reply
#35
I need help with this...
Reply
#36
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
Reply
#37
Does this work for the 1.8.22 version?

Resolved this, I can't remember what I did. But I got it to work.
Reply
#38
Is there a tutorial for the latest mybb 1.8.26?
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)