Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to set DIV width/height with Javascript in Firefox

The following works in IE, but not Firefox:

var el = $get('divToMask');
var box = Sys.UI.DomElement.getBounds(el);

var maskEl = $get('maskDiv');

// Only seems to work in IE
maskEl.style.width = box.width;
maskEl.style.height = box.height;

Sys.UI.DomElement.setLocation(maskEl, box.x, box.y);

box.width and box.height contain the correct values, but Firefox ignores the maskEl.style .width/.height methods.

like image 938
John Paul Jones Avatar asked Jan 23 '23 20:01

John Paul Jones


1 Answers

Note: I'm not familiar with the Javascript helper library you are using.

I'd guess that you need to change the two lines after your comment to the following:

maskEl.style.width = box.width + "px";
maskEl.style.height = box.height + "px";
like image 65
Svante Svenson Avatar answered Feb 01 '23 10:02

Svante Svenson