Finding Absolute Position

Sep 30, 2005

I got a script from brothercake which gets the absolute position for an element. Its pretty neat - recursively adding up offsets. I got it from the image transition scripts on his site.

However, this script uses offsetTop, offsetLeft and offsetParent, which dont seem to be supported by FireFox (or maybe I'm doing something wrong).

Here's brothercake's script:

getRealPosition = function()
{
this.pos = (arguments[1] == 'x') ? arguments[0].offsetLeft : arguments[0].offsetTop;
this.tmp = arguments[0].offsetParent;
while(this.tmp != null)
{
this.pos += (arguments[1] == 'x') ? this.tmp.offsetLeft : this.tmp.offsetTop;
this.tmp = this.tmp.offsetParent;
}
return this.pos;
}

It seems to work for Opera and IE - but not FF. Cant say for other browsers. I've come to rely on it for a part of my 'cross-browser' page. Any thoughts on what I can do?

What I can't figure out is why it seems to work fine on brothercake's site - even in FireFox. I'm supposing that the positioning script must be working because the images appear in the right spot.

View 4 Replies


ADVERTISEMENT

Resolved With Google Chrome (position:fixed Horizontal Position:absolute Vert?

May 13, 2010

I'm new to javascript and am not sure why this works in firefox and not chrome. I am trying to create a script that keeps an object fixed horizontally while bing positioned absolute vertically. if I replace the toPP variable in document.getElementById('fire').style.top = toPP; with say '50px' it will move the element down 50 pxs, but how I have it currently it doesn't do anything in chrome

<script type="text/javascript" >
window.onscroll = function()
{
if( window.XMLHttpRequest ) {
var x = 0 -document.documentElement.scrollTop;
var toP = String(x);
var toPP = toP + "px";

[Code]...

View 7 Replies View Related

Get The Absolute Position Of A DIV?

Jun 28, 2009

Before you immediately give me an answer, let me describe fully what I'm trying to do, as it's not as simple as the title suggests.

I need to get the absolute position of a DIV (top and left properties) relative to the viewport/screen.

I've tried using .offsetTop and .offsetLeft, but these return the top and left properties relative to the DIV's immediate parent element, not the viewport (unless of course the DIV is top-level and not contained in any other DIVs).

So, is there any way to retrieve the absolute position of a DIV relative to the viewport, even if that DIV is nested in other DIVs?

View 1 Replies View Related

Best Way To Position Absolute Div?

Jan 18, 2009

Its said that placing the absolute div within a relative div is a best option to correctly achieve the margins within that relative div. However, I'm changing the marginTop and marginLeft via javascript and after some of the changes it shows the absolute divs in incorrect positions in IE.

What i want to do is calculate the vertical-middle right-sided position of text fields in x, y meaning in top and left margins. How can I do that?

View 1 Replies View Related

Repositioning A Position:absolute Div?

Feb 6, 2008

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?

View 3 Replies View Related

Absolute Position Of A Relative Element

Jul 23, 2005

how can I get the absolute position of a relative element?

We dynamically create a page with multiple segments which are relatively
ordered among each other. In these segments we have input fields.
When such an input field is focused I need it's absolute position.
Is there a way to do so with IE > 6?

View 10 Replies View Related

Position Absolute Does Not Go Above A Dropdown (<select>...)

Jul 23, 2005

I'm using the code below to display a menu that opens when the mouse
goes over the main menu item (try it in your browser to understand the
behaviour).

It uses "position:absolute" and a switch between "display='none'" and
"display=''".

However the problem is that
- in Internet Explorer 6 the dropdown (<select>...) always hides the
menu
- in Mozilla the menu is hidden initially but after clicking on the
text "Select" it isn't hidden.

How does that come and how can I overcome it?
I want the menu to be above the other stuff when it comes up. Code:

View 2 Replies View Related

Controls Not Clickable After Using Position:absolute?

Aug 23, 2010

I am using position absolute to stick a table header to the top of a div. In the screenshot, under the menu is a div, the buttons and drop downs are at the "top" and grid starts from half way down, now when user scrolls till header is out of view i show the header at the "top" with position absolute. then when user scrolls back down and onto original position the buttons and drop downs are now again at the top exactly at the position where the header was shown, once the header has been shown all the buttons and the drop down are no longer clickable, i.e. there is no reaction, no dropdown shown and no click... whats happening is that IE is thinking that that area at the top where the header was is now invalid, or still occupied by the header or something like that? Its like the buttons and drop downs are kind of "behind" the area where the header was therefore nothing is clickable...

And proof of this is that i gave some <BR> spacing to the buttons and drop downs so that they are not at the up most, but halfway down... and things work fine... whats IE up to? or is there some coding i need to do... below is the code for the header to float

[it may be coz when the header is not to be shown i set the position to ' ', but i have tried with relative, fixed and static as well to no avail...]

<script language="javascript" type="text/javascript">
var floating_header = function() {
this.header = document.getElementsByTagName('THEAD')[0].getElementsByTagName('TR')[0];

[Code].....

View 1 Replies View Related

Absolute Position Of The Page On The Screen?

Sep 15, 2010

I have following problem: I get screen coordinates something (which might not be a mouse) and have to convert them relative to an element on a page.

Inside a page it's simple: use the offsets to the parent elements.
On the other side the start are the window.screenX and window.screenY coordinates.

The only problem now is how to find out the offset from the page to the window, i.e. the size of the toolbars and stuff? What might be interesting are the mozInnerScreenX/Y attributes of an window. But these are only present in firefox, obviously, which is not sufficient.

A hack would be a calibration page which uses a mouse event to calculate the missing offset using evt.pageX/Y and evt.screenX/Y. But this might not work, since a mouse might not be present.

View 6 Replies View Related

JQuery :: Animate To Absolute Position Not Working In Ie?

May 31, 2009

I have an image that I'd like to animate to the top right of its containing div (which has position relative).I've used this:

$(".trigger").click(function(){
$("#image").css({'position' : 'absolute'}).animate({
"top": "10px"

[code]....

View 2 Replies View Related

Absolute Position For The Footer - Fit For Any Screen - HTML & CSS

Jan 8, 2011

How to make a footer for a web that has an absolute position and automatic detect lower part of the screen. Whenever the visitor scroll the page, the footer still there and remain to it's position. Just like a header that has {position: absolute} in css.

View 3 Replies View Related

Stop A Floating Menu On An Absolute Position?

Jul 6, 2010

I have this code for a floating menu - but it starts on an absolute position and then starts to move as you scroll once it reaches a certain distance from the top of the browser, I have seen floating menus that will also stop in a certain spot on the page, even if you continue to scroll the page, can I alter this code to make this menu stop at a certain point on the page?

Code:

View 6 Replies View Related

Div Changes To Position Absolute Once User Scrolls But It Flickers?

Oct 19, 2011

[URL]

I think it's popping back and forth between "position: fixed" and "position: static" every other scroll.

This happened before I added the else statement.

A live example is at: [URL]

View 1 Replies View Related

Apply Absolute Position To DOM Object For Non-IE Browsers?

Mar 2, 2009

I'm trying to apply the "absolute" position to the DOM object for non-IE browsers but Mozilla (or Firefox) does not recognize it. But the top and left position works for the "div" tag though. The IE browser works fine though.[code]...

View 9 Replies View Related

JQuery :: How To Know The Exact Absolute Position Of An Element In The Browser

Jan 22, 2011

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.

View 4 Replies View Related

JQuery :: Select And Drag Elements With Relative And Absolute Position?

Feb 18, 2010

I had askedthis question on another forum but unfortunately I was unable to find a fix. I have a select and drag code that works well until in selection is added a position relative div. Here is the code and you can see a working demo at [URL] To see the problem just mouse select span 1, span 2 and the nested span 4 You can see the code and demo at http://jsbin.com/azeli/2

[Code]....

View 1 Replies View Related

Fix A Position And At The Same Time Make It Absolute Relative To The Text In Question?

Mar 20, 2010

I managed to get my hover over text pop up to work but now I would like the text box to pop up in the same location relative to the text As you can see here, when you hover over any text not within the first row, it is a bit all over the place. Is there any way making the text pop up the same way it does for the first row for the other rows?

View 6 Replies View Related

Finding The Position Of A Div?

Sep 28, 2005

How can I get the position of an element such as a div?

View 2 Replies View Related

Finding The Position Of An Element?

Sep 8, 2010

I've been trying the find the (x,y) co-ordinates of an element. I've been using;

document.getElementById(element).style.top
document.getElementById(element).style.left

However this doesn't always work in my script. Now, I've googled how to find the position of an element. And come accross many scripts which supposedly all find the position of any object. Some are very long scripts and some are very short all using a variety of methods. Incidently none of which work, they all return (0,0).

View 3 Replies View Related

Finding The Position Of An Anchor

Aug 31, 2005

I am trying to dynamically find the position of an anchor on the page. I have a page where you can get to the anchor in the normal way (http://www.mypage.com/index.html#anchorname), but there is a script on that page that adds fields dynamically. This causes IE to lose the place where it was supposed to scroll to (via the anchor).

After the fields are added, I want to rescroll to the location of the anchor. Here is the code that I have running on the page. Code:

View 2 Replies View Related

Finding Tag Position And Width?

Sep 7, 2010

I have generated menus from an XML file. The XML also defines sub menus that are to open when the mouse is over any one of the menus.The menus are div tags with text in them. The location of each is based on the order that they added in and the width of the text with some padding.When the users mouse moves over the menu item it should pop up a sub menu at a relative position to the menu item.How do I get that position and width of the menu the user is over if it has never been set explicitly? Is there a way or not? If not what is the best solution for something like this?

View 1 Replies View Related

Finding The Position Of An Element

Sep 8, 2010

I've been trying the find the (x,y) co-ordinates of an element. I've been using;

Code:
document.getElementById(element).style.top
document.getElementById(element).style.left

However this doesn't always work in my script. Now, I've googled how to find the position of an element. And come accross many scripts which supposedly all find the position of any object. Some are very long scripts and some are very short all using a variety of methods. Incidently none of which work, they all return (0,0). I have a question, why would someone create a script to do what one line of code can do? Am I missing something.

View 3 Replies View Related

Finding Position Of A RegExp Subexpression

Apr 21, 2006

I need to come up with a function
function regExpPos (text, re, parenNum) { ... }
that will return the position within text of RegExp.$parenNum if there
is a match, and -1 otherwise.

For example:
var re = /some(thing|or other)?.*(n(est)(?:ed)?.*(parens) )/
var text = "There were some nesting parens in the test";
alert (regExpPos (text, re, 3));

should show 17

Would anyone have one of these?

View 7 Replies View Related

Finding Out Position Of Html Elements?

Oct 5, 2006

Is there a possibility to find out the coordinates, relative to the whole
screen, or at least relative to the browsewindow, where an element ( e.g. link or
picture ) begins or ends?

View 2 Replies View Related

Finding The Position Of An Element On The Screen

Oct 30, 2002

Is it possible to do this? Say I want to find out where on the screen a specific div is, and i want to know the values of the left and top properties. Can i find this out? If so, how?

View 14 Replies View Related

JQuery :: Finding Surrounding Text At Mouse Position?

Sep 3, 2010

I am hoping you can help me. I am finding this problem rather complex to solve. I need to be able to find the surrounding text at the mouse position. For example, if a user clicks on a word in a paragraph, I need to programmatically know what the text is surrounding the click point. The text in question is not just content text, but DOM elements read in as text rather than the DOM element itself. For example, if a user clicks at the word "This" in the following:

<table><tr><td>This is good</td></tr> then I would like to know how to get the text "<td>" just before the "This" as text, not as a DOM element. Furthermore, how can I "enlargen" the scope of my capture, such that I can programmatically get the "<table><tr><td>" part as well as the "is good</td></tr>" part?

View 3 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved