claro — 2012-02-10T14:31:49-05:00 — #1
I have frames A, B and C.
I have links of menu in A
When I click it, content will display in frame B which has a links too.
and when I click it, content will display in frame C.
My problem is whenever I clicked other links from A(topnav) menu, the content of frame C remains.
I have home.html displayed in frame C as default.
I want also to show this default page when user clicked new menu in A.
I hope I made myself clear.
I've attached image just in case.
chris_upjohn — 2012-02-10T19:38:06-05:00 — #2
This is one of the main reasons why iframes are considered bad practice, much better solutions to get around this is to use Ajax driven content which is a big leap from an iframe but has an easy code base to work with depending on whether you choose to use vanilla JS or a library such as jQuery.
claro — 2012-02-10T22:37:25-05:00 — #3
Thank you for your response.
Is vanilla easy to use?
chris_upjohn — 2012-02-10T22:42:08-05:00 — #4
claro — 2012-02-10T22:59:38-05:00 — #5
Thank you for the new term. Can you recommend a good source, tutorials for that?
ralphm — 2012-02-10T23:30:00-05:00 — #6
system — 2012-02-11T13:01:42-05:00 — #7
Frames are bad practice, so lets do the same thing in an even LESS accessible manner -- RIGHT.
Do yourself a favor, build it with includes using a CGI/SSI and forget this frame nonsense or worse, AJAX for nothing. Page-loads aren't evil and to be frank if your content is 'big enough' for page-load to be an issue, it's time to break it into more sub-pages. (or take a good hard look at semantics and separation of presentation from content)
As Dan Schulz said shortly before passing, AJAX is the new Framesets... and he did NOT mean that as a compliment.
claro — 2012-02-13T02:07:02-05:00 — #8
I followed one of the suggestion and I found this tabber.js. I'm working with php.
I thought I'm saved from this frustration. Seems like require() and include() function is not working well.
<p><?php require("student/stud_view.php");?><a href = 'student/stud_view.php'>asdf</a></p>
<p>Tab 2 content.</p>
<p>Tab 3 content.</p>
<p>Tab 3 content.</p>
Any help would be appreciated.