Menu with Javascript

  • Unknown's avatar

    Hello,
    I want to incorporated a menu in my website but I don’t manage to do this.
    I think i don’t know how link my javascript with html, the only changes about this menu was been done in index.php (by speaking html), can you tell me if all is right ?
    Sorry for my english i’m french but nobody answers me since i have posted my problem, 2 weeks ago.

    There is my index.php:

    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="/wp-content/themes/twentytwelve/stylehome.css">
     <script src="/wp-content/themes/twentytwelve/js/jquery-1.3.2.js" type="text/javascript"></script>
    </head>
    <!-- body has the class "cbp-spmenu-push" -->
    <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
        <h3>Menu</h3>
        <a href="#">Celery seakale</a>
        <a href="#">Dulse daikon</a>
        <a href="#">Zucchini garlic</a>
        <a href="#">Catsear azuki bean</a>
        <a href="#">Dandelion bunya</a>
        <a href="#">Rutabaga</a>
    </nav>
    <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2">
        <h3>Menu</h3>
        <a href="#">Celery seakale</a>
        <a href="#">Dulse daikon</a>
        <a href="#">Zucchini garlic</a>
        <a href="#">Catsear azuki bean</a>
        <a href="#">Dandelion bunya</a>
        <a href="#">Rutabaga</a>
    </nav>
    <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-top" id="cbp-spmenu-s3">
        <h3>Menu</h3>
        <a href="#">Celery seakale</a>
        <a href="#">Dulse daikon</a>
        <a href="#">Zucchini garlic</a>
        <a href="#">Catsear azuki bean</a>
        <a href="#">Dandelion bunya</a>
        <a href="#">Rutabaga</a>
        <a href="#">Celery seakale</a>
        <a href="#">Dulse daikon</a>
        <a href="#">Zucchini garlic</a>
        <a href="#">Catsear azuki bean</a>
        <a href="#">Dandelion bunya</a>
        <a href="#">Rutabaga</a>
    </nav>
    <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-bottom" id="cbp-spmenu-s4">
        <h3>Menu</h3>
        <a href="#">Celery seakale</a>
        <a href="#">Dulse daikon</a>
        <a href="#">Zucchini garlic</a>
        <a href="#">Catsear azuki bean</a>
        <a href="#">Dandelion bunya</a>
        <a href="#">Rutabaga</a>
        <a href="#">Celery seakale</a>
        <a href="#">Dulse daikon</a>
        <a href="#">Zucchini garlic</a>
        <a href="#">Catsear azuki bean</a>
        <a href="#">Dandelion bunya</a>
        <a href="#">Rutabaga</a>
    </nav>
    <div class="container">
        <div class="main">
            <section>
                <h2>Slide Menus</h2>
                <!-- Class "cbp-spmenu-open" gets applied to menu -->
                <button id="showLeft">Show/Hide Left Slide Menu</button>
                <button id="showRight">Show/Hide Right Slide Menu</button>
                <button id="showTop">Show/Hide Top Slide Menu</button>
                <button id="showBottom">Show/Hide Bottom Slide Menu</button>
            </section>
            <section class="buttonset">
                <h2>Push Menus</h2>
                <!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body -->
                <button id="showLeftPush">Show/Hide Left Push Menu</button>
                <button id="showRightPush">Show/Hide Right Push Menu</button>
            </section>
        </div>
    </div>
    <script type="text/javascript" src="/wp-content/themes/twentytwelve/js/menu2.js"></script>
    </html>

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
  • Unknown's avatar

    You are in the wrong forum and need to be at WordPress.ORG for help with that.

  • Unknown's avatar
  • The topic ‘Menu with Javascript’ is closed to new replies.