P
Pugi!
I am making a site with lot of AJAX components. When I present a form
(in a layer on top of contents of page) I want to make sure that the
user cannot click on a link or button other then on the form. The way
to do this is to create a layer just underneath the form that blocks
the elements on the page underneath. This is the easy part. The hard
part is to get the size of the blocking layer right.
Using width:100% and height:100% the layer only covers the visible
part of the page: when you scroll down or left you can access elements
(libnks, buttons of the page). Using document.body.clientWidth
and .clientHeight or document.body.offsetWidth and .offsetHeight or
document.body.scrollWidth and .scrollHeight the blocking layer only
covers the initial width and height of the body (at load). When the
page has increased in width and height after loading this is not
covered. How can I get the actual width and height of the page ?
thanx,
JM
(in a layer on top of contents of page) I want to make sure that the
user cannot click on a link or button other then on the form. The way
to do this is to create a layer just underneath the form that blocks
the elements on the page underneath. This is the easy part. The hard
part is to get the size of the blocking layer right.
Using width:100% and height:100% the layer only covers the visible
part of the page: when you scroll down or left you can access elements
(libnks, buttons of the page). Using document.body.clientWidth
and .clientHeight or document.body.offsetWidth and .offsetHeight or
document.body.scrollWidth and .scrollHeight the blocking layer only
covers the initial width and height of the body (at load). When the
page has increased in width and height after loading this is not
covered. How can I get the actual width and height of the page ?
thanx,
JM