You can do this with IFRAME.
In that method you can take the iframe and set its src (source) with that page:
the page which I want to open in other div(which is getting opened in iframe here) does not fit in the screen and vertical scrollbar appears on the iframe.
Additionally web page has its vertical scrollbar besides it.
I switched to divs from frames to avoid the scrollbar appearing on each frame
(although setting target for frames is easy.)
I had a similar dilemna a while back, but I changed the logic of my site so that all my content loaded once, and my menu system just swapped out active divs. Setting all the divs as hidden, then setting the one I want active as visible.
What I would have had as separate pages that loaded in the iFrame, I converted to being in Div tags on one page, but they were all set to hidden. When the link is clicked that would normally show the page in the iframe, I hid the current div and set the new one to being visible. Similar to a tab panel.
I have 4 jsps- index.jsp,toppage.jsp,menu.jsp, Welcome.jsp. The index.jsp contains two frames in a frameset for the 'toppage' frame and for the 'menupage' frame. The menu.jsp contains a div having iframe with src="Welcome.jsp". How can I set target of my toppage.jsp and menu.jsp to the Welcome.jsp, so that any link clicked on toppage or menu page will open inside the welcome iframe? please help me guys.....