Show several pages on 1 page by clicking on different buttons

  • Hi,

    I would like to have a horizontal second menu options, which will show the different dates of the month. For example: On the regular menu you click on februari. In this page the second menu bar wil show with all the date of februari. By clicking on one of the dates you can see which activities are on that day (in the same page). If you click on a different date, you should see the activities of that day but not leave the page. So I would like to show the content of that date in the same page.

    Its a bit hard to explain, here is an example of what i would like to build:

    Or if there is any way to do this, please let me know.
    Hope you can help!

    • This topic was modified 4 years, 9 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    A traditional “menu” isn’t what you are after because the content changes day to day, month to month. “Menus” generally have static content. What you really want is a date picker that dynamically displays content based on the selected date. However, “date picker” implies a certain sort of UI which is not what you are after either. Never the less, one picks a date through the UI however it’s presented and related content appears.

    This is done by making an Ajax query for content related to the selected date and displaying the returned data in a specific part of the page. I would start with a traditional date picker form field as a place to start for fetching related content via Ajax when the form field’s selection changes. Once that’s working correctly you can then develop a different sort of date picker UI.

    When someone selects a new date in a date picker, it fires the “onchange” JavaScript event which you can have your script listen for. The selected date is passed via Ajax to the server, which queries for and returns related data which your script then places in an appropriate container on the page.

    Thread Starter emeeuwen

    (@emeeuwen)

    thank you so much!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Show several pages on 1 page by clicking on different buttons’ is closed to new replies.