Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jun 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy Need Help- Keypress navigation Up/Down & Left/Right Arrows

    Hi, so I'm in the process of developing a microsite for class but I'm completely stumped and confused.

    The requirements is that it has to be a one page site (microsite). The way i'm getting around this is using javascript/jquery to show and hide the divs of the other pages. Instead of having each page have it's own key corresponding to it like H for home I want the left and right arrows to be able to navigate between breakfast page, lunch page, dinner page, and anytime page. Then the up and down arrows control which recipe is viewed.

    Currently I have the js set up to have each page correspond to key. I'm worried I have too many divs. I dont' know how to go about organizing this to work. Does anybody have any siggestions?

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,220
    Thanks
    23
    Thanked 606 Times in 605 Posts
    These are my thought and reasons. I take it that the purpose of this site is to display recipes. You want those recipes to be classified as breakfast, lunch, and dinner. OK.

    Don't use arrows to obtain the recipes, use a multi-tiered menu. Why? The menu will show the recipe names at a glance and you can navigate right to it, using arrows makes getting to the needed recipe hard. Let's say you want LUNCH->RUBIN SANDWICH, but you have 15 soup recipes before you even start displaying sandwiches. I'd go elsewhere, wouldn't you?

    I'd next use a three tiered menu to further classify the recipes. LUNCH would show SOUPS SANDWICHES SALADS SIDES
    You can find code for this by goggling "simple three tier menu".

    I'd do a header, next the horizontal drop-down menu, and that leaves a lot of space for the recipes. You don't need a footer so you have a simple html design.

    I'm worried I have too many divs.
    Don't think there is a limit on the amount of divs you can have, maybe the browsers have one?? But if that becomes a problem we can change strategies. Also, if a lot of divs give us long load times, we might want to look into iframes or ajax, but hold off on that.

    Hope this points you in a direction.
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."


  •  

    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
    •