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,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 ?
[Code]....
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 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 am trying to open a window at a specific location on the screen and my code doesn't seem to be working, Code:
View 2 Replies View RelatedI 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.
[Code]...
Is there a plugin for that so when you go to the next page to get same position which you were from the previous page?
View 2 Replies View RelatedHow to window scroll automatically to a certain position on page load using jquery?
View 1 Replies View RelatedI 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 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.
View 1 Replies View RelatedI'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]...
#navigation li is the parent element, which is positioned relative.The ul element above that is also position relative. I previously tested a click function and was able to confirm I was getting the correct position back, so now I just need to set the CSS property correctly for all of those links.The reason I want to do this is I have a set of links that appear over a photo of a city skyline. When you hover over those items, I want them to be given a background image that is a blurred and lightened version of the same photo so it needs to line up (sort of like the tabs are made of frosted glass).
View 1 Replies View RelatedI have found nice short tutorial here: Rounded_Corners
It works fine unless I try to move it.
I have added only one DIV over all:
Now I see that my text (white) moved but not background.
How do I properly position the whole DIV of class "roundbox" ?
I have a HTML file that has a lot of content. In it I have a <div id="d1">somecontent</div> block. Would it be possible for me to know the position of this d1 (absolute or relative) displayed on the page / window if not setting it first ?
View 5 Replies View RelatedI have a HTML and I am opening another link in a separate window using window.open() . The child window is something like 'http://yahoo.com' which is out side html. I need to refresh the parent window when the child window is closed.
View 4 Replies View RelatedI have a <img> tag in my web page that i use as button.
when user will click on it, i would like to display a hidden <div> just under.
I mean by just under, that next pixel below the <img> should be the top of <div>.
Moreover, the left of <img> should be the left of <div>... like that it will look like aligned.
The challenge is the following one.
my <img> is positioned by CSS file, so it can (but it is not a must) have left and top setup... maybe not.
I did a short test :
if i setup in CSS file the left and top of <img>, a simple click on <img> can not retrieve the left and top of itself.
something like that i did :
function ShowCalendar(id_master)
{
var uleft = document.getElementById(id_master.id).left;
alert("Left : " + uleft);
}
where id_master = id of the <img> as following :
<img id='id_img' class='buttonimg' src='calendar2.gif' ></img>
So how can i solved this issue ?
Moreover, position of this <div> should be in absolute coordinates, to avoid issue in browser Xsing.
Hey peeps, I'm trying to get a webpage open and start scrolled fully to the bottom. How should I go about this?
View 3 Replies View RelatedI have some floating divs on my page.
When I click the div I want do display a menu over it, how can I
determine the position of the clicked div on the page?
I have simple table
<table id = "mytable" ....>
....
</table>
I want to get the left position of the table.
Everything I did getting wrong :
mytable.left doesn't work, neither mytable.style.left,
mytable.getAttribute("left") ...
What is the correct syntax for getting the position of the table element
(and others ...) ?
I am an html/css/php professional who dabbles a bit in javascript and many other languages. I must say up front however that I absolutely despise javascript. However, it is necessary for the work I do, so I get by. I have been working for roughly 5 hours trying to find a solution to this. What I do doesntwork, even though I believe it should. Here is my problem: I have a 'menu', based inside of a table. There is one particular td, that when clicked, displays a menu of the users online friends. The friends box is in a div.
The td is name 'online' and the friends box is named 'menufriends'. (with id's, of course.) My problem is that I need the friends box to display next to the td. So what when you click the td, it shows up to the right of it instead of below the menu. I have tried all sorts of different methods and cant even get it to change its position.
[Code]...
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?
Is there some possibility to put the horizontal scroll bar of the web browser into the center if the "width" of web page are bigger then the "width" of the web browser screen?
So I don't need to scroll to right if I open the page, but the horizontal scroll bar will be positioned in the center.
That code should do the same think like I when I take the scroll bar and put it in the center position, but this should be happen when I load the page automatically.
i want the div to be displayed where the mouse was clicked... whats wrong?
<head>
<style type="text/css">
#layer1 {
position:fixed;
[Code]....