http://www.wpdfd.com/forums/wpdfd/layout/css_javascript_properties_syntax/ A Layout forum thread at WPDFD.com en-us 07/10/04, 192 53 2004 2004:%i:1089503581 19:53:01 06/07/13, 158 37 2013 2013:%i:1370594269 04:37:49 http://blogs.law.harvard.edu/tech/rss NineLabs Framework Feed Generator sitemaster@wpdfd.com sitemaster@wpdfd.com http://www.wpdfd.com/forums/wpdfd/layout/css_javascript_properties_syntax/#p1072
For example the box property of "background" which can have color, position, etc., becomes "backgroundColor" or "backgroundPosition" etc.

If you intended to change the absolute position of a block, would the property be listed as "positionAbsolute"? The intended effect is to have a black box move gradually to the right uncovering elements underneath that can select things. A pseudo-scroll you might call it.

So my first question would be is "positionAbsolute" the correct way to call this property in javascript (ie, mybox.style.positionAbsolute = "50,100"? Or am I hopelessly confusing the syntax?

The second question: Is there is a reference that gives the box property spellings and how they relate between the two? I checked the general CSS and Javascript references, but of course they speak only generally of box properties for either subject, and not how they might relate.

I realize that I might be overthinking this, as exact values imply absolute ones, but if you have some experience with this, I'd appreciate your help. I posted this here, rather than in "scripting" because I don't want to know how to do the scripting, just the translation from CSS to Javascript.
]]> 07/10/04, 192 53 2004 2004:%i:1089503581 19:53:01 http://www.wpdfd.com/forums/wpdfd/layout/css_javascript_properties_syntax/#p1072 http://www.wpdfd.com/forums/wpdfd/layout/css_javascript_properties_syntax/#p1073 http://www.mozilla.org/docs/dom/domref/dom_shortTOC.html but for what you are trying to do, you don't need to change the absolute position. The div is set to be absolute in your main CSS definitions, from there, you only need to change the top or left attributes.


function moveBox(x,y)
{
if (document.getElementById)
   {
   var theBox = document.getElementById("box";
   theBox.style.left=x+"px";
   theBox.style.top=y+"px";
   }
}]]> 07/11/04, 193 34 2004 2004:%i:1089534862 04:34:22 http://www.wpdfd.com/forums/wpdfd/layout/css_javascript_properties_syntax/#p1073 http://www.wpdfd.com/forums/wpdfd/layout/css_javascript_properties_syntax/#p1074 07/11/04, 193 08 2004 2004:%i:1089554894 10:08:14 http://www.wpdfd.com/forums/wpdfd/layout/css_javascript_properties_syntax/#p1074