Results 1 to 9 of 9

Thread: Tab Content Script V2

  1. #1
    Join Date
    Feb 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Arrow Tab Content Script V2

    1) Script Title: Tab Content Script V2

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

    3) Describe problem:

    In fact, I am not having problem with the script. However, I need to add opacity function to this script. My client does not like it the way it is and I dont know much about Javacript. Can someone help me with this?

  2. #2
    Join Date
    Feb 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Advise me anything...

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

    Default

    Sure, use the below modified tabcontent.js file in place of the original, in addition to jquery.js. This means in the HEAD section of your page, you'll also need to add the below reference to jquery:

    Code:
    <script type="text/javascript" src="jquery-1.2.2.pack.js"></script>
    Now when you click on a tab, the content is faded into view.

  4. #4
    Join Date
    Feb 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thank you so much. Way beyond what I expected however I am having one small problem with this modified version. For some reason my design gets messed up. Did you assign any widths to divs?

    Here with new codes: http://www.pearl.ru/isdunyasi/

    And here without glowing effect: http://www.pearl.ru/isdunyasi/defaultold.asp

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

    Default

    There may be other issues, but for now make sure the jquery reference exists above the tabcontent.js one in your HEAD section:

    Code:
    <script type="text/javascript" src="inc/jquery-1.2.2.pack.js">
    </script>
    
    <script type="text/javascript" src="inc/tabcontent.js">
    </script>

  6. #6
    Join Date
    Feb 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    I did but the problem continues.

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

    Default

    Looking at your page in both FF and IE, the problem only occurs in IE. My guess is the widths of your various DIVs don't quite add up, causing the problem column to spill over in IE due to its buggy CSS box model.

    FYI the modified script above does not modify any dimensions compared with the original script in any way; it only adds a fade effect. However, in IE, in order for the fade effect to appear in general, an explicit width needs to be defined on the content DIV (do a search on Google for CSS haslayout), so the script may have indirectly added a width: 100% declaration to the content DIV. If your layout is defined properly though, such a declaration shouldn't affect anything.

    Try decreasing the width of the DIV that contains those toggling links, and see if that changes anything:

    Code:
    <div id="splitcontentnews" style="width: 90%">
    BTW, please note that your page is currently in violation of our usage terms, since the credit notice doesn't appear inline on the page. Please reinstate the credit notice: http://www.dynamicdrive.com/notice.htm

  8. #8
    Join Date
    Feb 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    I will definitely insert the credit notice. I removed them to have less codes when was I coding the headline.asp. If its about css then I will take care of it somehow.

  9. #9
    Join Date
    Feb 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thank you again!

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
  •