Can I use CSS attribute values in javascript in rails?

Question

Say I have a .box class in CSS:

.box
{
   height: 50px;
}

Now, I use javascript to allow the user to expand the box and make it small again. Currently I have the value of the box height (ie 50 px) hardcoded in javascript.

I'm wondering if there's a way where my javascript code can access the height attribute of the box class as defined in CSS so that if I change the height in CSS to 100px for example, I wouldn't have to go and manually change the corresponding variable in javascript

btw I'm using rails3 and jquery

Bojangles · Accepted Answer · 2011-07-17 18:57:36Z

3

With jQuery it's pretty easy, although you have to use some trickery to get around the fact that jQuery's height() function spits back 50px instead of 50.

Just for getting the object's height, try this:

$(".box").height();

It doesn't succumb to the issue I stated above. The following example does, and fixes it. It can also be used for every other CSS attribute.

var boxHeight = $(".box").css("height").replace("px", "");

Docs here.

answered Jul 17, 2011 at 18:57

Bojangles

102k50 gold badges175 silver badges209 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jtbandes · Accepted Answer · 2011-07-17 18:54:17Z

0

document.getElementById("mybox").style.height = myheight + "px";

answered Jul 17, 2011 at 18:54

jtbandes

119k38 gold badges244 silver badges282 bronze badges

2 Comments

jtbandes Over a year ago

What do you mean? You can call this more than once.

jtbandes Over a year ago

Isn't that exactly what you want?

Collectives™ on Stack Overflow

Can I use CSS attribute values in javascript in rails?

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related