I have three DIVs that are stacked vertically. Each section (div) I want to be able to 'collapse' or minimize, and when that happens, for instance when the first div is 'minimized' the second two divs shift their left/top positions to fill the space. Right now, I'm doing this automatically, by creating a javascript function and changing the top/left and "height" properties manually.
View 7 Repliesin the parent window, i have some objects that will release a pop-up window. in the pop-up window you can make various changes that will affect the database. to see those changes in the parent window, i need to refresh...right?
well, when i refresh...if you're working at the bottom of the page it pops the scrollbars all the way back up to the top. is there a way to reposition the scrollbars without the use of anchors?
I'm having some trouble with absolute positioning:
I have a main div, with some nested divs inside, one of which is "position:absolute". When a user hits a button, a message will appear at the top of the div (by using "myDiv.style.visibility = 'block'"), which pushes all other sections, relative or absolute, down appropriately. This is what i want.
However when the message div is clear (using "myDiv.style.visibility = 'none'"), all the relative divs go back to their original position, but the absolute div stays at its pushed down position.
ive tried several complicated schemes to correct this, including setting the absolute sections top to certain values, and it doesn't want to move back.
Does anyone know a solution to this problem, or of a way to "refresh" a divs position?
After a javascript-generated post event (this is a post, not ajax
messaging) the current screen has to be redrawn. But on *long forms*
(longer than a single screen) then the current screen positioning
is lost, and the current form ends up redrawn, with a different
vertical positioning--after the post event.
However, If I sent the x,y mouse position as post parameters,
and if the current widget (that generated the post) had
a well-known anchor tag name, would there be a way
to combine that much information, after the post, in order to redraw
the form close to it's original vertical positioning?
How?
Does anybody understand why the technique described in
http://www.macromedia.com/devnet/se...ositioning.html
doesnt work in Netscape 6/7 and Mozilla? I tried it out but to no
avail. I am certainly not a (javascript) programmer / DOM expert but
it seems to me it should work .
I need some help on how to reposition a layer depending on the position of an image? I know this should be somewhere in the forum, but I searched without success.
I mean like this:
<body onload="movemylayer()">
<img src="1.gif" id="myimage">
<div id="mylayer"></div>
</body>
...And when the page is loaded the layer moves infront of the image.
I use $().load() to place an HTML snippet from the server into a dialog box which i then need to position relative to the size of the element which has just had the HTML loaded into it. When the main HTML page DOM is ready, I hide() the dialog box, and then use fadeIn() to show with various click() events. I have managed to position the dialog box in the centre of the screen given that there is no content loaded.
However, it seems that when I load the new content into the dialog box the new dimensions aren't taken into account untill the next time load() is called.
Is there a way to get the new dimensions of the element before the dialog is shown in order to position it centre screen?
Here is my code:
function showDialogBox(sender) {
var width = $(document).width();
var height = $(document).height();
[Code].....
it's possible to bind a function to an element that is fired if that element is 'moved'/repositioned via the browser.
For a more specific example what I have is a function that calculates height and width of certain elements to allow them to all fit nicely on the page without having scroll bars, and this is bound to the window onresize event. It works nicely most of the time but occasionally something will change the height of one of the elements and this effectively bumps one element right off the page.
So I'm wondering if its possible to have an event bound to an element that is fired when an elements position is moved/recalculated by the browser? Short of polling every second or so, to see if it has moved/recalculate layout.