If I open a new browser window with the function
window.open() on internet explorer for Mac, the new window
is moved a few pixel orizontally and vertically with
reference to the previous window. I tried to force the
position of the genereted window with screenX=0,screenY=0
but it doesn't seem to help. Is there a solution?
I need to find the position of an element on the page relative to the browser window. Its part of a popup calendar script (and no, they don't want to change it so please don't suggest jQuery date-picker etc) The script uses these functions [url]... to find the position of the anchor to pop up the calendar next to it.
Now the client wants to make the calendar fixed when the user scrolls so that it always stays on screen. The most graceful solution is using css position:fixed (I'm aware it doesn't work in IE6 - that's not a problem)
I've been using the getAnchorWindowPosition function to get the coordinates but the numbers its giving are wrong (to different degrees depending on the browser) It was only 200px out in the Y axis in Firefox but in IE7&8 its off the screen.
I display tooltips on my page that appear to the right of form elements. But if the element is too far to the right, the tooltip gets cut off. in that case i would like it to appear to the left.
Soliciting thoughts on the best way to determine the position of a click event.
Here's what I'm using right now but it's not working:
Code: function getMousePosition(evt) { var x, y;
if(evt.pageX) { x = evt.pageX; y = evt.pageY; } else if (evt.clientX) { x = evt.clientX + document.body.scrollLeft - document.body.clientLeft; y = evt.clientY + document.body.scrollTop - document.body.clientTop; }
if(document.body.parentElement && document.body.parentElement.clientLeft) { var b = document.body.parentElement; x += b.scrollLeft - b.clientLeft; y += b.scrollTop - b.clientTop; }
alert(x + ',' + y);
return [x,y]; } The coordinates are WAY off in both firefox and IE. Can someone fix this?
I have no perfect cross-browser solution to position html element on the bottom of the page. I know that with Firefox I do it as: position:fixed; bottom:0px;
However, IE does not understand that. Did anyone come across this issue to share with me?
I have a floating div that stays at the bottom of the browser window while the user scrolls down a long page. The div reads "scroll down for more". How can I determine the current position of the div in relation to the top of the page, not the top of the browser window. I need to determine this because I would like to hide the div when the user scrolls to the top of the last page. I have looked at offsetParent, offsetHeight, scrollHeight, etc.
I have the code for everything except determining the position of the div, or the distance of the div from the top of the page.
I have a floating div that stays at the bottom of the browser window while the user scrolls down a long page. The div reads "scroll down for more". How can I determine the current position of the div in relation to the top of the page, not the top of the browser window. I need to determine this because I would like to hide the div when the user scrolls to the top of the last page. I have looked at offsetParent, offsetHeight, scrollHeight, etc.
I have the code for everything except determining the position of the div, or the distance of the div from the top of the page.
i would like to know the absolute position of an element (e.g. <LI>) in the browser. i nned to know it in order to place juste beside another element (e.g. submenu).
for example: i have a <li> tag which is at 400px from my browser left border (because it is inside a div which is screen centered). this <li> has a width of 180 px so if i want to know the most left position for my submenu, i should get 400 + 180 = 580 px (from the browser left border).
i tried offset but without success. in fact it returns me 0.
I'm using window.showModalDialog but having an issue trying to set the parent window(main browser). I open modal window A which is then opens modal window B, top of modal window B onload I do window.opener.close()". My issue now is when i'm finished with B I set parent window(main browser) to a new url with window.opener.location. So my problem is modal window A the parent has been closed so window.opener.location will not work.
I am looking to have a link open a closeable window that is contained within a browser window. If you click on the "sizing charts" link on this website, this is exactly what I am looking to do:
[URL]
The window is contained within the current browser window, it can be dragged around, but not outside the parameters of the browser window.
i,m trying to make a map who show me as position A and a target adress as point B.I have made it so i can choose adress a and adress b from a dropdown but i want to automaticly load my position as possition A then choose position B from a dropdownlist. How can i do this ?
This is something I've been trying to do for a while now and I feel silly for not getting it working. I'm sure it should be possible.
I want to find the position on the users screen of a popup window. I know I can position one where I want, but say the user then moves it, can I then get X-Y coordinates so I can know where the user has moved it? I can get the width and height without issue...
I am trying to find out how to position an opening window in Internet Explorer.
While in Netscape/Mozilla/Firefox exist the options screenX and screenY for the open method of the window object, I couldn't find anything similar in IE.
I have some anchor tags that have a popup appear when they are clicked.
<a href="javascriptpenlrChild()"><img src="../images/icon_calendar.gif"/></a> function openChild() { childWindow=open('http://localhost/property_search/smallcal.aspx','win1','resizable=yes,width=185,height=150,status=0,toolbar=0,scrollbars=0,menubar=0' );[code]....
These buttons appear at random heights on the page.I would like to set the popup to appear right by the mouse pointer when they click the button but don't have any idea how to do these.
Is there a way to read a position of the cursor in the textarea window form? In the place showed by the cursor there should be placed any text or html tags? (when clicking on a button). I know that it's possible to write in addition to the content of the window but can you put anything to the middle of the text?
I have this photo gallery that I'm setting up where I've used some jquery to pop a magnified view of an image when the mouse is hovered over the thumbnail. As it is right now, it always positions the magnified image with the top-left corner at the x and y position of the mouse cursor. What I need it to do is if the image is going to be displayed beyond the viewport, that it would change its positioning to the corner that will show the whole image.
I want my divs (position: absolute) to be positioned relatively to window size My page is a main table with one cell containing all the rest This cell (anf thus my page) is centered (top and left) Each menu link has onMouseOver which shows (visibility) the corresponding layer (div)
Each visible/invisible layer is positioned on the same spot I use absolute positioning for the divs because some browsers don't support positioning relative to tables My question: is the following code the only solution or am I making my life (slightly) complicated over nothing?
This thing works on NN4, 6 7, IE 4, 5, PC and Mac -- that I know of; repositions divs onResize, with reLoad fix for !#+x°! NN4 I get the window size: Code:
i wanted to know if anyone could help me with this. i have this script that resizes my browser window to the size i want it to but i want the browser window to center itself to the top center of the computer screen regardless of the size of the person's computer screen. is this possible?
i've been tryin several different scripting but none is the one that i want.
How do I ensure that when I click a link it opens up a popup window with a viewport of 350 * 450. I know how to set the browser window dimensions, but if there are toolbars open this eats in to the dimensions.
Actually, i've just had an afterthought, I can turn off toolbars can't I?
I was wondering if there is a way to prevent the browser window from scrolling when you are scrolling inside an overflow auto div and reach the end of the div's scroll? Right now I have a few people complaining about a div that loads scrolling info on the screen and when they scroll down using the mouse wheel and get to the bottom of the div then the rolling of the mouse wheel starts scrolling the browser window. It would be nice if the browser could see that your cursor is over the div and even though it reaches the end, not scroll the window unless you move the cursor outside of the div that you are currently scrolling.