anilsingh1605

Yep. And it seems none of the users here are interested to answer this. Seems like I have to follow some other route to get this done.

The code worked. But now because of using that code I have two other problems. 1) After the page has been loaded in "content" div, and if the loaded page has link and when the link is clicked, the page gets refreshed and the linked page gets loaded. I want to open the link present in the "content" div in the same "content" div without refreshing the page. 2) After the page has been loaded in "content" div, and if the loaded page has submit button and when the submit button is clicked, the page gets refreshed and the action page gets loaded. I want to load the action page in the same "content" div that has the submit button without refreshing the page. In both the process, the basic 3 column design is getting effected. Kindly look at the screenshots I attached to grasp the issue. I even attached screens before clicking the link, after clicking the link and before clicking the submit and after clicking the submit. Eagerly waiting for your response.

Thanks for the code. Will try the code and let you know.

I too thought the same and used a different approach using include function and removing iframe but that hasn't solved the problem but created more problems. Can you modify the above attached files and use ajax as you say to achieve the same. That would be a great help for me.

I am building admin control panel for a website. The admin cp has 3 columns(div): 1st column/div - left menu items (left column) 2nd column/div - content display area (which is in center) 3rd column/div - right menu items (right column) This is how it works; when a link is clicked from 1st column/div, the page linked will be opened in the 2nd column/div and in the similar way when a link is clicked from 3rd column/div, the page linked will be opened in the 2nd column/div. I used iframe in 2nd column/div to achieve this i.e, open links in the same page without refreshing the page. The problem I have: When the page opened in 2nd column/div has the height greater than the height mentioned in the iframe, scroll bar appears inside the div. What I want: I want to display the linked page either from 1st column/div or 3rd column/div in 2nd column/div with its full height without the scroll bar appearing inside the div. The browser window (all columns combined) should get the scroll bar instead, using which I shall be able to scroll down. The left and right columns/div should go upwards/downwards when I use the scroll bar displaying the page linked/opened totally in 2nd column/div. ****In simple I want a facebook like design which should have menu items on either side of the browser window, clicking the links should open the page linked in center and if the linked page has more data that cannot be displayed in that div, it should expand the center div downwards to display the data (not dynamically, statically).**** Please get me this solved or suggest me another way to achieve this. Thanks in advance. admin.php styles.css view.php