Forums

[resolved] Mouseover Tabs (9 posts)

  1. macart
    Member
    Posted 2 years ago #

    Im stuck. On mouseover my tab area is blank, what am I doing wrong?

    The code in my header.php

    <script src="mouseovertabs.js" type="text/javascript">
    
    /***********************************************
    * Mouseover Tabs Menu- (c) 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 this script and 100s more
    ***********************************************/
    
    </script>
    
    <?php wp_head(); ?>
    </head>

    The code in my index.php

    <div id="yourtabsmenu" class="tabsmenuclass">
    <ul>
    <li><a href="http://www.javascriptkit.com" rel="gotsubmenu">JavaScript Kit</a></li>
    <li><a href="http://www.cssdrive.com" rel="gotsubmenu" id="cssdrive">CSS Drive</a></li>
    </ul>
    </div>
    
    <div id="yoursubmenuarea" class="tabsmenucontentclass">
    
    <!--1st link within submenu container should point to the external submenu contents file-->
    <a href="../../submenucontents.htm" style="visibility:hidden">Sub Menu contents</a>
    
    </div>
    
    <script type="text/javascript">
    //mouseovertabsmenu.init("tabs_container_id", "submenu_container_id", "bool_hidecontentsmouseout")
    mouseovertabsmenu.init("yourtabsmenu", "yoursubmenuarea", false)
    
    </script>

    Thanks for the help

  2. macart
    Member
    Posted 2 years ago #

    This is driving me insane!!!

    Im following this:

    http://www.dynamicdrive.com/dynamicindex1/mouseovertabs.htm

  3. macart
    Member
    Posted 2 years ago #

    Anyone know an easier way to create a tab menu with a submenu in wordpress? Thanks

  4. JPry
    Member
    Posted 2 years ago #

    What's the link to your site?

  5. macart
    Member
    Posted 2 years ago #

  6. Mark / t31os
    Moderator
    Posted 2 years ago #

    Various blogs on jQuery tabs in WordPress.

    http://www.ilovecolors.com.ar/jquery-tabs/
    http://justintadlock.com/archives/2007/11/07/how-to-create-tabs-using-jquery
    http://apricotstudios.wordpress.com/2008/08/29/jquery-tabs-tutorial/

    jQuery tabs can be onclick or onmouseover.

    Beyond that, see the following for information on using Javascript in WordPress.
    http://codex.wordpress.org/Using_Javascript

  7. macart
    Member
    Posted 2 years ago #

    Thanks for that, exactly what I needed. I still have a problem, tabs are not hidden. Not sure what I missed.

  8. macart
    Member
    Posted 2 years ago #

    I'm following this:
    http://apricotstudios.wordpress.com/2008/08/29/jquery-tabs-tutorial/

    And it's not working, can someone shine some light on this for me?

  9. macart
    Member
    Posted 2 years ago #

    I got it

Topic Closed

This topic has been closed to new replies.

About this Topic