/    Sign up×
Community /Pin to ProfileBookmark

Dynamic Update of CSS "Frame"

Copy linkTweet thisAlerts:
Nov 22.2008

I have created a web page using CSS style frames to establish three (3) stacked frames. The second frame calls a script file that loads a set of tabs based upon the number of yes questions answered in the 3rd frame (e.g. 3 yes questions = 3 tabs shown). This works fine on the original page load. How can I get only the 2nd CSS frame to update (i.e., reload) when a yes question is checked in the 3rd CSS frame?

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@JickNov 24.2008 — Your description is a bit vague but, from what you did say I think this is more in the realm of JavaScript. I can move this thread there if you like. Let me know.
Copy linkTweet thisAlerts:
@buckiboosterauthorNov 24.2008 — Dear Jick:

Thank you for your response. I am not an experienced web developer. In fact, I am an engineer working in the envirojnmental, health and safety (EH&S) field. The web page I am developing is a tool to be used by our project managers to get guidance in determining potential EH&S-related project costs. It is written using html, vbscript, css and very little javascript. I know html and vbscript fairly well but am relatively new to javascript and css.

I cannot provide access to the web page as I am developing it off-line and this system does not allow me to attach this large file but I will attempt to describe it here. This web page is a form consisting of three (3) sections, each created using css to emulate frames. The first section is a header containing limited information and asking the user to input his/her name, project description, etc. The second section is a set of tabs corresponding to answers provided in the third and final section. The third section consists of a set of 24 yes and no questions. For each yes answer given by the user, a new set of questions appears. In addition, I want to update the tabs section (Emulated section 2) by adding a tab that links to the new set of questions.

The first section is made up of text and input boxes. The second section contains a vbscript file that writes a two-row table containing up to 24 tabs. The third section is made up of text and checkboxes. The onClick action for each checkbox activates a script file that opens the related set of questions in the third section and counts the number of yes checkboxes. It is this updated number of yes checkboxes that I want to use to update the tabs in section 2.

When initially loaded, the page looks and acts correctly. I can get everything to work except for the code that updates the number of tabs appearing in section 2. That is what I want to dynamically update every time a checkbox in section 3 is clicked. This is the crux of my problem. How can I update the tabs appearing in section 2 (a css emulated frame) without affecting the information appearing in either section 1 or section 3 (css emulated frames)? Any help that you or others can provide will be very much appreciated. - Bob
×

Success!

Help @buckibooster 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 5.2,
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: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

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