I have created a a simple hobby site about Nintendo (see screenshot) and I am currently converting it to .jsp. I have divided the index page into effectively five regions, including one horizontal navigation bar, one vertical navigation bar and one main section. I have done this by effectively creating five different .jspf files for each region i.e. hornav,vertnav & main.
Rather than reload the static content, I would like it so that when users click on the horizontal or vertical navigation buttons (links), only the main.jspf changes. From my conversion from html to .jsp, I realise its redundant creating an identical pages that change in only one section. I should mention the horizontal and navigation buttons are purely html and css with hyperlinks.
I was thinking about using the JSTL c select statement eqivalent in the hornav.jspf and vertnav.jspf respectively but I am not too sure how to organise the coding. I should also mention when the button is clicked on the hornav.jspf or vertnav.jspf, it will need to trigger the update on the main.jspf. I'm open to suggestions on how to resolve this issue.