/    Sign up×
Community /Pin to ProfileBookmark

Help with Loading Dynamic Pages into CSS and Iframe!

Copy linkTweet thisAlerts:
Dec 05.2006

Here is my dilemma, I looked at the tutorial found here to base my structure on: [url]http://www.brainjar.com/css/tabs/[/url]. I built a page here, [url]http://triplefm.com/iframe_test2.html[/url], however, I want to have one of the tabs load different pages while the other 3 load static pages. What I mean is if when a user click on menu items to the right (like on my page)different pages are loaded into the i-frame under Tab A and have the page names appear in the Text Area of the Tab, while the other tabs open the same page. Can this be done using the model I’ve used here? I am an intermediate programmer in Javascript, CSS, and Actionscript, and have already learned so much from you site. Thank you for posting it and I hope you can find time to reply. Thanks so much.

Also, on the tabs, I have played with the Z index so that the active tabs moves forward and retains the hover phase, and that is not working either…any and all help you can offer would be fantastic!

Thank You, Everyone!

to post a comment
JavaScript

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@yellabuffDec 05.2006 — I replied to your previous post (Problems with CSS tabs and I-Frame). The main issue with the tabs remaining highlighted is you need css and js code in the page that loads in the iframe. See the previous post.
Copy linkTweet thisAlerts:
@ccarter1971authorDec 05.2006 — Ok...that is awesome! Thank you so much for your post!

1- Now, a few more questions. Lol! You said the CSS file needs to be posted as is. If I will be linking to an external css file, which is those attributes NEED to be there?

2-The first 2 tabs remain in the hover state when they are active, but the second and third do not...why?

3-Why isn't the Z-Index moving the active tab to the front, so it is actually "in front" of the I-frame border?

4-Is there a way that each of those windows can retain information so when they are clicked, and information you put in there will still be there when you click back? For instance, if I fill out a form field on New Dealers, when I click tab 3 (MSN) and leave New Dealers for a second, when I return to Tab 1 (if I do not navigate away in the first Tab), how can I ensure the information I typed will still be there? Would that be more of a php echo function or can I use javascript to handle it?

Yellabluff, you are a genius! Thank you so much!
×

Success!

Help @ccarter1971 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...