Skip navigation
Tyharo
Tyharo Calculating status...
Currently Being Moderated

Collapsible spry Link Issue

Jan 31, 2012 11:36 AM

Tags: #cs4 #adobe #spry #collapsible

Ive been using a collapsible spry as my main menu of my site. I Have it so the Home title doesnt have any drop downs. I want to make it so the Home collapsible spry menu links to the index page. When I do link the Home button and attempt to click on it, The button will do nothing. How do I fix this?

 

Note: I am only making this site on my computer not on a server, there is no actually hosting going on.

567 Views   6 Replies   Latest reply: Tyharo, Jan 31, 2012 4:56 PM
 
Replies
  • Ben Pleysier
    Currently Being Moderated
    1. Ben Pleysier,
    Jan 31, 2012 3:11 PM   in reply to Tyharo
    Report

    Use the following click event.

    onclick="window.location=this.href;return false;"

    Gramps

     
    |
    Mark as:
  • Tyharo
    Currently Being Moderated
    2. Tyharo,
    Jan 31, 2012 3:39 PM   in reply to Ben Pleysier
    Report

    Well it seems Im getting some where. Now when I click on the link it says that it cant find the file "undefined" even though i have it linked to index.html

     
    |
    Mark as:
  • Ben Pleysier
    Currently Being Moderated
    3. Ben Pleysier,
    Jan 31, 2012 3:53 PM   in reply to Tyharo
    Report

    In that case there must be an irregularity. Hard to know without seeing your document in situ.

     

    Gramps

     
    |
    Mark as:
  • Tyharo
    Currently Being Moderated
    4. Tyharo,
    Jan 31, 2012 4:37 PM   in reply to Ben Pleysier
    Report

    Heres the code for the page:

     

    "<body>

     

     

    <div class="container">

      <header>

        <a href="index.html"><img src="index_01.jpg" alt="Insert Logo Here" width="486" height="122" id="Insert_logo" style="background: #C0000; display:block;" /></a>

      </header>

      <div class="sidebar1">

        <nav>

          <ul>

            <div id="CollapsiblePanel1" class="CollapsiblePanel">

                <div class="CollapsiblePanelTab" tabindex="0" onclick="window.location=this.href;return false;"><a href="index.html">Home</a></div>

                <div class="CollapsiblePanelContent"></div>

            </div>

            <li>

              <div id="CollapsiblePanel2" class="CollapsiblePanel">

              <div class="CollapsiblePanelTab" tabindex="0">Segment I</div>

              <div class="CollapsiblePanelContent">

                <div><a href="#" class="BlackMenu"> Coloma</a> </div>

                <div><a href="#" class="BlackMenu"> St.Joseph</a> </div>

                <div><a href="#" class="BlackMenu"> Watervliet</a> </div>

              </div>

            </li>

                <li>

                  <div id="CollapsiblePanel3" class="CollapsiblePanel">

                  <div class="CollapsiblePanelTab" tabindex="0">Segment II</div>

                  <div class="CollapsiblePanelContent">

                    <div><a href="#" class="BlackMenu"> Coloma</a> </div>

                <div><a href="#" class="BlackMenu"> St.Joseph</a> </div>

                <div><a href="#" class="BlackMenu"> Watervliet</a> </div>

                  </div>

                  </div>

            </li>

                <li>

                  <div id="CollapsiblePanel4" class="CollapsiblePanel">

                    <div class="CollapsiblePanelTab" tabindex="0">Range</div>

                    <div class="CollapsiblePanelContent">Content</div>

                  </div>

                </li>

            <li>

              <div id="CollapsiblePanel5" class="CollapsiblePanel">

                  <div class="CollapsiblePanelTab" tabindex="0">Payment</div>

                  <div class="CollapsiblePanelContent">

                  <div><a href="#" class="BlackMenu"> On-Line</a> </div>

                  <div><a href="#" class="BlackMenu"> Mail-In</a> </div>

                </div>

              </div>

            </li>

            <li>

                <div id="CollapsiblePanel6" class="CollapsiblePanel">

                  <div class="CollapsiblePanelTab" tabindex="0">Contact</div>

                  <div class="CollapsiblePanelContent">Content</div>

                </div>

            </li>

          </ul>

            </li>

          </ul>

        </nav>

        <aside>

          <p> </p>

        </aside>

      <!-- end .sidebar1 --></div>

     
    |
    Mark as:
  • Ben Pleysier
    Currently Being Moderated
    5. Ben Pleysier,
    Jan 31, 2012 4:53 PM   in reply to Tyharo
    Report

    There is no href in the div hence window.location=this.ref will not work.

     

    If you place it within the anchor tag where there is an href, it will work.

    <div class="CollapsiblePanelTab" tabindex="0"><a href="index.html"  onclick="window.location=this.href;return false;">Home</a></div>

    Gramps

     
    |
    Mark as:
  • Tyharo
    Currently Being Moderated
    6. Tyharo,
    Jan 31, 2012 4:56 PM   in reply to Ben Pleysier
    Report

    Thank you!

    That got it working alright. Now I can finish my menu.

    Thanks again for all the help.

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points