current community

your communities

more stack exchange communities

Stack Exchange
tour help
careers 2.0
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 0 down vote favorite

Hello there ,

var s = "width:20px;height:25px;color:red;font-family:myfontfamily";

i have a string like this,now how can i change the values of width,height etc using javascript.there may be a \n after or before the properties (width,height etc)..

Ex : i want to change width to 50px on s. so it will be

var s = "width:50px;height:25px;color:red;font-family:myfontfamily";

My another replated Question is here Regular Expression to get text from css but it not working exactly what i need.

Please help me.

Thank you.

Update : You can see the Result on my fiddle here : http://jsfiddle.net/jitheshkt/s2DJR/14/

share|improve this question
    
Hi. Instead of working with straight CSS strings, why don't you use js built-in styles' modifiers ? Like document.getElementById('thing').style.width = '50px'; –  Florian Margaine Nov 12 '11 at 9:39
    
the string s is coming from a editor,not from a web page also i want to back data to that editor.also this is not a dom object,just string. –  Red Nov 12 '11 at 9:55
add comment

2 Answers 2

up vote 2 down vote

Regular expressions.

For example:

s = s.replace(/color:\s*([^;]+)/, "color:" + newvalue)
share|improve this answer
    
Works well ,but i have a custom value there which is background:url({background}) code breaks here...is there any way to avoid this... –  Red Nov 12 '11 at 11:29
    
Hi,check this var s = "background-color:white;color:red;" s = s.replace(/color:\s*([^;]+)/, "color:" + 'green'); alert(s); it replacing the background-color value...is there any way to override this ? –  Red Nov 22 '11 at 11:31
add comment
up vote 1 down vote 
var s = "width:20px;\nheight:25px;\ncolor:red;\nfont-family:myfontfamily";

alert( s.replace(/width:\d+/,'width:123').replace(/height:\d+/,'height:456') );
share|improve this answer
    
Thank you ,but works with int values only,i am failed to change the color value. –  Red Nov 12 '11 at 9:56
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.