| | |
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 |
ajax ajaxcode ajaxexample ajaxhelp ajaxjspservlets animate automatically beta box browser bug captchaformproblem checkbox close codes createrange() css cursor debugger dependent disablefirebug dom download dropdown editor element engine enter error events explorer ext file firefox form forms frameworks getselection google gwt gxt hiddenvalue highlightedword hint html htmlform ie7 ie8 iframe internet java javascript javascripthelp2020 jawascriptruntimeerror jquery jsf jsfile jsp jump listbox maps masterpage math media menu microsoft mp4 object onmouseoutdivproblem onreadystatechange paypal pdf php player position problem programming progressbar prototype redirect regex runtime safari scale scriptlets search security select size software sql text textarea unicode w3c window windowofwords windowsxp wysiwyg \n






