vb.org Archive - Add-On Releases - AJAX Tabs Content Script

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 3.8 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=235)

- - Add-On Releases - AJAX Tabs Content Script - Version 3.0 (YUI) (https://vborg.vbsupport.ru/showthread.php?t=191106)

I want this to display content in the same page, not an external page. Any help?

Quote:

Originally Posted by Mazinger (Post 1631546)

I want this to display content in the same page, not an external page. Any help?

That is what this does.. I don't understand what you are having problems with. Can you explain what you've done so far and what you are attempting to do?

I noticed it fetches content from external pages. I want it to fetch content from the same page.. something like this: http://www.dynamicdrive.com/dynamicindex17/tabcontent/

Quote:

Originally Posted by Mazinger (Post 1631591)

I noticed it fetches content from external pages. I want it to fetch content from the same page.. something like this: http://www.dynamicdrive.com/dynamicindex17/tabcontent/

This CAN do the same thing. YUI is FAR superior to the Dynamic Drive scripts (which I have also released.. https://vborg.vbsupport.ru/showthread.php?t=161197 )

As I mentioned in the First post, there is A TON that YUI Tab view CAN do.. if you just want non ajax tabbed content, You can read up on YUI Tab View here.. http://developer.yahoo.com/yui/tabview/

Try this and see if its more in tune of what you want to do..

Use the same two CSS Files, but there is no need for the Dispatcher.js, so you can use a different connection method.. (Replace the rest of the HEADINCLUDE from step 3 with the below:

Code:

<!-- JavaScript Dependencies for Tabview: --> 

<script type="text/javascript" src="yui/yahoo-dom-event/yahoo-dom-event.js"></script> 

<script type="text/javascript" src="yui/element/element-beta-min.js"></script> 

<!-- OPTIONAL: Connection (required for dynamic loading of data) --> 

<script type="text/javascript" src="yui/connection/connection-min.js"></script> 

<!-- Source file for TabView --> 

<script type="text/javascript" src="yui/tabview/tabview-min.js"></script>

Then you can use one of the following two content methods.....

TabViews can be created from existing HTML markup or entirely through JavaScript. Each Tab in the TabView is a list item (<li>). The root element of the TabView is a <div> element.

The TabView control is defined by YAHOO.widget.TabView. To create a TabView from existing markup you can simply pass the id (or object reference) for the HTMLElement that will become the TabView. If you follow the default markup pattern outlined below, the tabs will be constructed automatically. The list item with class="selected" becomes the active tab.

Code:

<script type="text/javascript">

var myTabs = new YAHOO.widget.TabView("demo");

</script> 



<div id="demo" class="yui-navset">

    <ul class="yui-nav">

        <li class="selected"><a href="#tab1"><em>Tab One Label</em></a></li>

        <li><a href="#tab2"><em>Tab Two Label</em></a></li>

        <li><a href="#tab3"><em>Tab Three Label</em></a></li>

    </ul>            

    <div class="yui-content">

        <div><p>Tab One Content</p></div>

        <div><p>Tab Two Content</p></div>

        <div><p>Tab Three Content</p></div>

    </div>

</div>

In the this example, the TabView is generated entirely through JavaScript. Here the TabView's DOM structure will be assembled in a new element and appended to the existing document.body.

Code:

<script type="text/javascript">

    var myTabs = new YAHOO.widget.TabView("demo");

        

    myTabs.addTab( new YAHOO.widget.Tab({

        label: 'Tab One Label',

        content: '<p>Tab One Content</p>',

        active: true

    }));

    

    myTabs.addTab( new YAHOO.widget.Tab({

        label: 'Tab Two Label',

        content: '<p>Tab Two Content</p>'

    }));

    

    myTabs.addTab( new YAHOO.widget.Tab({

        label: 'Tab Three Label',

        content: '<p>Tab Three Content</p>'

    }));

    

    myTabs.appendTo(document.body);

</script>

Anyone solved the problem with the loading.gif?
Check first post on page 4 in this thread. ^^

peaze ;)

Quote:

Originally Posted by FiMeTi (Post 1632257)

Anyone solved the problem with the loading.gif?
Check first post on page 4 in this thread. ^^

peaze ;)

sorry, not yet.. I have not even had 5 minutes to look into it yet. I am sure its something simple tho as it works, just that its showing up in ALL the divs lol

Hi Bobster and thank you again for the "Album-Pics"-Feature.
Is it possible to show latest comments for Album-Pics in a seperate Tab.
This would be helpful.

Another thing is this. I´m showing up the latest events from calendar on my forumhome. Now, i like to put it in a seperate tab, to clean up my forumhome. I tried a few things but that didn´t work. maybe you got an idea how to solve it?

Sorry for my questions, i know, you must be very busy.
Thanks for your support and for this very useful addon!

Greetings, Peter

Quote:

Originally Posted by derandechser (Post 1632312)

Hi Bobster and thank you again for the "Album-Pics"-Feature.
Is it possible to show latest comments for Album-Pics in a seperate Tab.
This would be helpful.

Another thing is this. I?m showing up the latest events from calendar on my forumhome. Now, i like to put it in a seperate tab, to clean up my forumhome. I tried a few things but that didn?t work. maybe you got an idea how to solve it?

Sorry for my questions, i know, you must be very busy.
Thanks for your support and for this very useful addon!

Greetings, Peter

Hi Peter,

I do have a couple different calendar/event content files.. however, they were written over a year ago, so I will have to update those before I release them.. if you want to PM me a mock up of what you are looking for, go ahead and do that and I'll try and get something out soon..

As far as latest comments for album pics, I'll look into it.. shouldn't be to tough.

Is it possible to use this Tabs Content Script to replace the forumhome?
Like your other one can: https://vborg.vbsupport.ru/showthread.php?t=175687 ?
Cuz i was thinking of getting rid of the vBAdvanced portal :D

Hi

Again thanks for a great mod

I have this installed on my site as a vba module but would there be any way to have a second module with different tabs.

Thank you in advance
Ben Jones

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (3)bbcode_code_printable (4)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)pagenav_pagelinkrel (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.02319 seconds Memory Usage 1,752KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (3)bbcode_code_printable (4)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)pagenav_pagelinkrel (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: