| | |
Dynamically modifying the CSS attributes through Javascript
Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
I was wondering if someone could aid me in this. all help will be duly noted in the script itself.
Here is what i am trying to achieve, a realtime editor of the CSS attributes of a given page. I have the page i am using and the CSS table, but i want to be able to edit it in real time so that people can use it to create their profiles. SO lets say a user wants to create a profile, but doesnt want the lamo stock colors. they can use my basic template (which is a generic profile) and then dynamicly in real time modify different parts of the CSS so that all they would have to do is view source when they were finished and grab the CSS and input it into their profile, or use a generate button to generate the output when they are finished.
Any help would be greatly appreciated, and if any more info is needed it would be greatly appreciated.
one last breaze through of it:
you have a CSS attributes form and it would lets say contain somthing like:
table, tr
{
background-color:somecolor;
}
i need a script that can change that somecolor, to a color of the users choice.
THank you in advanced to anyone that can offer any help or direction.
Here is what i am trying to achieve, a realtime editor of the CSS attributes of a given page. I have the page i am using and the CSS table, but i want to be able to edit it in real time so that people can use it to create their profiles. SO lets say a user wants to create a profile, but doesnt want the lamo stock colors. they can use my basic template (which is a generic profile) and then dynamicly in real time modify different parts of the CSS so that all they would have to do is view source when they were finished and grab the CSS and input it into their profile, or use a generate button to generate the output when they are finished.
Any help would be greatly appreciated, and if any more info is needed it would be greatly appreciated.
one last breaze through of it:
you have a CSS attributes form and it would lets say contain somthing like:
table, tr
{
background-color:somecolor;
}
i need a script that can change that somecolor, to a color of the users choice.
THank you in advanced to anyone that can offer any help or direction.
Dont forget to spread the reputation to those that deserve!
•
•
Join Date: Dec 2004
Posts: 1,655
Reputation:
Solved Threads: 35
I would take a different approach. I would GENERATE the CSS from values stored in a database. Allow the users to modify these values, not by editing the CSS, which most users won't be skilled enough to do, but rather by presenting a standard data-entry form.
If you want to avoid server-side coding, then you could do something similar with cookies .
If you want to avoid server-side coding, then you could do something similar with cookies .
•
•
•
•
Originally Posted by tgreer
I would take a different approach. I would GENERATE the CSS from values stored in a database. Allow the users to modify these values, not by editing the CSS, which most users won't be skilled enough to do, but rather by presenting a standard data-entry form.
If you want to avoid server-side coding, then you could do something similar with cookies .
Dont forget to spread the reputation to those that deserve!
![]() |
Similar Threads
- .net validation/javascript conflict (ASP.NET)
- help with javascript (moved from javascript forum) (PHP)
- Need Help with CSS Attributes (HTML and CSS)
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: Hide all DIV's On Click
- Next Thread: Problem with <div> height - Controlling flow from center div
| Thread Tools | Search this Thread |
acid2 ajax ajaxexample ajaxjspservlets array beta box browser captchaformproblem cart checkbox child close codes column css date debugger decimal dependent design disablefirebug dom download editor element embed engine enter error events explorer ext file firefox focus form forms frameworks getselection google gwt gxt hiddenvalue highlightedword hint html ie7 ie8 iframe index internet java javascript javascripthelp2020 jquery jsf jsfile jsp jump libcurl listbox maps masterpage math media menu mp4 object onmouseoutdivproblem onmouseover onreadystatechange parent paypal pdf php position post problem programming prototype redirect runtime safari scale scriptlets scroll search security select shopping size software unicode w3c web window windowofwords wysiwyg \n






