Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    May 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Cut & Paste Dolphin Tabs Menu Problems

    Hi All-

    I'm a newbe here! There is a lot of info on this site, more than I can handel. I looked to see if anyone else was having simular problems, but was unable to find any.

    I recently downloaded the Cut & Paste Dolphin Tabs Menu. Looks real nice on our site. But I have been experancing some problems. The problems ars as follows:

    The tabs for the menu bar shows up on only 3 pages, all other pages I get a horizontal menu bar without the tabs.

    I am hoping there is a quick fix for the problem.

    The files are in the root section:

    style.css
    dolphin.js
    dolphin_bg.gif
    dolphin_bg-ON.gif
    dolphin_bg-OVER.gif
    dolphin_left-ON.gif
    dolphin_right-ON.gif

    I have used the following comands in the head section of every page:

    <link rel="stylesheet" type="text/css" href="style.css" />

    <script type="text/javascript" src="dolphin.js">

    /***********************************************
    * Dolphin Tabs Menu- by JavaScript Kit (www.javascriptkit.com)
    * Menu interface by: http://www.13styles.com/css-menus/dolphin/
    * Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
    ***********************************************/

    </script>

    This is what I placed in the <body> section (with modified URL's):

    <div id="dolphincontainer">
    <div id="dolphinnav">
    <ul>
    <li><a href="http://www.javascriptkit.com"><span>Home</span></a></li>
    <li><a href="http://www.javascriptkit.com" rel="joey"><span>Joey</span></a></li>
    <li><a href="http://www.javascriptkit.com" rel="suzy"><span>Suzy</span></a></li>
    <li><a href="http://www.javascriptkit.com" rel="george"><span >George</span></a></li>
    <li><a href="http://www.javascriptkit.com"><span>Contact Us</span></a></li>
    </ul>
    </div>

    <!-- Sub Menus container. Do not remove -->
    <div id="dolphin_inner">

    <div id="joey" class="innercontent">
    Joey's statue of a white dog was originally given to Jennifer Aniston as a good luck present from her best friend.
    </div>

    <div id="suzy" class="innercontent">
    During this period, then-locally famous Suzy Waud anchored evening broadcasting.
    </div>

    <div id="george" class="innercontent">
    George Louis Costanza is a fictional character on the United States based television sitcom Seinfeld (1989–1998).
    </div>

    <!-- End Sub Menus container -->
    </div>

    </div>

    <script type="text/javascript">

    //dolphintabs.init("ID_OF_TAB_MENU_ITSELF", SELECTED_INDEX)
    dolphintabs.init("dolphinnav", 1)

    </script>

    I have the above script placed in a table.

    I sure hope someone can help me fix the "missing tabs" problem I'm having.

    Thank you in advance.
    Emmett

  • #2
    Senior Coder rangana's Avatar
    Join Date
    Feb 2008
    Location
    Cebu City, Philippines
    Posts
    1,752
    Thanks
    65
    Thanked 372 Times in 365 Posts
    It's showing (for me)

    ...Which tab is not showing?..also, how is it placed in a table?..could you provide us a link
    Learn how to javascript at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph

  • #3
    New to the CF scene
    Join Date
    May 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi Rangana,

    Thanks for taking the time to respond.

    Here is a link to the site:

    (www.picodirectory.com)

    Menu tabs are working on the following pages "only":

    Home
    Submit Free Listing

    We have over 100 pages with the menu installed. The menu was installed the same way on each and every page nothing was changed.

    Thank you for your help,
    Emmett

  • #4
    Senior Coder rangana's Avatar
    Join Date
    Feb 2008
    Location
    Cebu City, Philippines
    Posts
    1,752
    Thanks
    65
    Thanked 372 Times in 365 Posts
    You had made typos in the page that does'nt work:

    Take for instance About.html
    Code:
    <a href="http://www.picodirectory.com/get-listed-free.html" rel="freelisting">
    ...you have <div id="free listing">

    Check out your rel together with the divs that you have
    Learn how to javascript at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph

  • #5
    New to the CF scene
    Join Date
    May 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi Rangana-

    I fixed two pages with the error corrections you pointed out. The pages I changed were; Home Page and About Page.

    The home page is still showing the tabs but the About Page is not.

    I will fix the many other pages as well. But I still don't understand why the About page still isn't showing the tabs after the changes were made.

    Thanks,
    Emmett

  • #6
    Senior Coder rangana's Avatar
    Join Date
    Feb 2008
    Location
    Cebu City, Philippines
    Posts
    1,752
    Thanks
    65
    Thanked 372 Times in 365 Posts
    You haven't had dolphin.js yet
    Learn how to javascript at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph

  • #7
    New to the CF scene
    Join Date
    May 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks, I just fixed the 404 page. In doing so I changed the .css and .js files to read:

    <link rel="stylesheet" type="text/css" href="http://www.picodirectory.com/style.css" />
    <script type="text/javascript" src="http://www.picodirectory.com/dolphin.js">

    Now the pages are showing the tabs.

    Thanks for pointing out the coding errors I really appreciate your time and help.

    Best regards,
    Emmett


  •  

    Posting Permissions

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