Results 1 to 10 of 10

Thread: Help with Ajax Tabs Content Script

  1. #1
    Join Date
    Aug 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Help with Ajax Tabs Content Script

    1) Script Title: Ajax Tabs Content Script

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...tabcontent.htm

    3) Describe problem: using the modernbricksmenu2 tabs

    trying to get the pages to fade in and fade out as they are loaded.

    Also set the width of the container to 645
    <div id="flowerdivcontainer" class="flowerdivcontainer" style="border:1px solid #003399; width:645px; height: 323px; background-color: transparent; padding: 1px">
    </div>
    <div id="flowertabs" class="modernbricksmenu2" style="padding-left:2px;text-align:center;">

    is there a way to have all the tabs to display the full width regardless of the text? so that the 6 tabs are the same total width of the container?

    thank you

  2. #2
    Join Date
    Aug 2004
    Posts
    10,140
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Just to clarify, are you referring to Tabs Content script, or Ajax Tabs Content instead? Your title and link point to two different scripts.
    DD Admin

  3. #3
    Join Date
    Aug 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    pretty sure it is the same script I am looking at

    Referring to:

    Ajax Tabs Content Script (v 2.2)
    Demo #2- Expanding of arbitrary DIVs on the page enabled

    I am using this with the timing set to change tabs every 4.5 seconds, and just want the Ajaxed content to fade out/in as each page is accessed.

    and the tab with equal to the content width, regardless of amount of text in the tabs

    thank you

  4. #4
    Join Date
    Aug 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    So is the fading in / out of the content possible with this script?

    Thank you

  5. #5
    Join Date
    Aug 2004
    Posts
    10,140
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Enlisting the help of jQuery, this is relatively simple to do. You'd first add a reference to jQuery in the HEAD section of your page:

    Code:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    
    <link rel="stylesheet" type="text/css" href="ajaxtabs/ajaxtabs.css" />
    
    <script type="text/javascript" src="ajaxtabs/ajaxtabs.js">
    
    /***********************************************
    * Ajax Tabs Content script v2.2-  Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    
    </script>
    Then, use the below modified .js file. To modify the fade duration, try finding the two instances of fade() inside the file, and pass a number to both of them in terms of milliseconds, such as fade(1000).

    Edit: Fixed attachment
    Last edited by ddadmin; 09-08-2010 at 04:25 AM.
    DD Admin

  6. #6
    Join Date
    Aug 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default ref to your reply

    thank you for your reply.

    you said the below modified .js file

    the only file below was a css file?

  7. #7
    Join Date
    Aug 2004
    Posts
    10,140
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Ops, I attached the wrong file. Fixed.
    DD Admin

  8. #8
    Join Date
    Aug 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    this version of the .js file has no instance of fade that i can locate.

    i did a search in my editing program, and in notepad, then visually.

    did i miss it???

  9. #9
    Join Date
    Aug 2004
    Posts
    10,140
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Strange, I guess I must have overwritten the modified .js file with the original at some point. I've redone the changes, and attached the modified .js file again (hopefully).
    DD Admin

  10. #10
    Join Date
    Aug 2010
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank you, works perfectly!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •