www.webdeveloper.com
Results 1 to 7 of 7

Thread: Access listbox Options using Multiple Frames

  1. #1
    Join Date
    Dec 2009
    Posts
    16

    Access listbox Options using Multiple Frames

    I am creating a recipe cookbook program. On the main page, I have a top frame (named "nav") and bottom frame (named "recipe_layout"). There is a listbox in the BOTTOM frame containing the recipe names, and a "View Recipe" button in the TOP frame. The user would select a recipe and then click the button to view the recipe in the bottom frame. I believe that I need to insert the code to make this work with the button (?), and I think my problem is that I'm not accessing the bottom frame correctly:

    CURRENT CODE FOR LISTBOX IN BOTTOM FRAME

    <form name="recipe_form" style="margin-top:30">
    <select name="name_dropdown" multiple size="2">
    <option selected="selected">Search byName</option>
    <option value="applepie.html">Apple Pie</option>

    CURRENT CODE FOR BUTTON IN TOP FRAME

    <input type="button" value="View Recipe" onclick="parent.recipe_layout.location.href='recipe_form.name_dropdown.options[selectedIndex].value'">

    Thank you so much in advance!!

  2. #2
    Join Date
    Oct 2003
    Location
    Andover, UK
    Posts
    945
    How come your listbox and the corresponding 'go' button are in different frames, or did I miss something? Shouldn't they sit next to each other?

  3. #3
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    onclick="parent.recipe_layout.location.href=parent.recipe_layout.recipe_form.name_dropdown.value;"

  4. #4
    Join Date
    Dec 2009
    Posts
    16
    Wow! I am extremely appreciative - I struggled with this for hours yesterday.... I'm really trying to learn this, so could you explain to me why you don't need .options[selectedIndex]? Also, I can understand why I have to repeat "recipe_layout" in the location.href, but why repeat "parent", since I thought that would point to the top frame, not the bottom frame?

  5. #5
    Join Date
    Dec 2009
    Posts
    16
    Mitya, what I really have is a nav in the top frame, with other options besides viewing the recipe, such as adding the recipe to a favorites list and printing it.

    Fang solved my problem, but thanks so much!

  6. #6
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    That would have been:
    recipe_form.name_dropdown.options[recipe_form.name_dropdown.selectedIndex].value
    which is the same as
    recipe_layout.recipe_form.name_dropdown.value
    When referencing the text of an option you can only use
    recipe_form.name_dropdown.options[recipe_form.name_dropdown.selectedIndex].text

    parent refers to the frameset document

  7. #7
    Join Date
    Dec 2009
    Posts
    16
    Very interesting.... Fang, thank you so much.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles