Results 1 to 1 of 1

Thread: Hyper linked expandable menus in a div layer - load content in Div

  1. #1
    Join Date
    Apr 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Hyper linked expandable menus in a div layer - load content in Div

    I am not a true developer I know a bit about HTML, so was wondering if you folks could help me - please... I want to create a pop up div layer that is a thin narrow coloum using this script or something similar http://www.dynamicdrive.com/dynamici...ndow/index.htm - create open window 4

    then i want to be able to have a dyamically clickable menu inside the div, and then once user drills down the menu, actual content is displayed in div (a href hyperlink).

    I am trying to build a help center that is self service and figured this would be a good way to orgganize it..

    here is the expandable menu code i am using...( some of it any way)
    <LI><A href="#" onClick="toggle('node1')">Products and Services overview</A>
    <UL id="node1" style="display:none">
    <LI><A href="#" onClick="toggle('node2')">Account Basics</A>
    <UL id="node2" style="display:none">
    <LI>About this cool site i'm working on</LI>
    <LI>What you’ll find at this cool site i'm working on</LI>
    <LI>Available Currencies</LI>
    <LI>What account type is right for you?</LI>
    <LI><A href="#" onClick="toggle('node3')">Learning about our account types</A>
    <UL id="node3" style="display:none">
    <LI>Cash Account</LI>
    <LI>Cash Optimizer Investment Account</LI>
    <LI>Margin Accounts</LI>
    <LI>Short-selling Accounts</LI>
    <LI>Learning about Short Account Buy-ins</LI>
    </UL></LI>
    </UL></LI>
    <LI><A href="#" onClick="toggle('node4')">Registered Plan Accounts</A>
    <UL id="node4" style="display:none">
    <LI>Self-directed RRSP</LI>
    <LI>Spousal RRSP</LI>
    <LI>Locked-in RRSP</LI>
    <LI>RRIFs</LI>
    <LI>LIFs/LRIFs</LI>
    <LI>RESPs</LI>
    <LI>Retirement products: Rules and restrictions</LI>
    <LI>Collapsing your RRSP and deregistering the funds</LI>
    </UL></LI>
    <SCRIPT type="text/javascript">function toggle(id) {
    var e = document.getElementById(id);

    if (e.style.display == '')
    e.style.display = 'none';
    else
    e.style.display = '';
    }
    </SCRIPT>



    Now for the questions: am I able to make the the <li> linabale to content that can load into this div?
    Last edited by rmwilson; 04-03-2009 at 02:01 PM. Reason: Did not think the orginal subject depicted my actual post

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
  •