Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.
By tommytom on
I need to create a simple one page website.
2 columns. Left column - taxonomy browser(menu)
right upper column - list of articles
right lower column - content (node)
_________________
|menu|.....list........|
|....... ___________
|.......| content |
|________________|
For example, we have 2 menu items (dogs and cats), when somebody clicks on dogs, a list of articles about dogs is
displayed (without reloading the page), when somebody clicks on an article, the node should be displayed on the same page.
Then when an another menu item is selected, the article list should change, but not the content.
So basicly it's about 2 blocks (menu and a node list) that work together dynamicaly without reloading the page.
Does anybody know an easy way to implement this in drupal ?
Comments
A few options
I am not familiar enough with the available modules to let you know if there is one that could do this, but if you know a bit of Javascript / AJAX, here are a couple of options:
1) You could have both menus loaded on the page to start with (but hidden using css). Trigger a javascript event on clicking on dogs/cats to display the appropriate menu.
2) On clicking on cats/dogs load the menu using AJAX.
Alternatively, you could use Nice Menus. It is not exactly what you want but it would give dropdown/expandable menus without the page change.