how do you retrieve the mouse cursor coordinates with Javascript?
the only method i know works only with ie... how do you make it compatible with opera, netscape 6 and netscape 4.7?
i was thinking of using overLIB, but it has too many extra features - i just need the popup without any extra options. overLIB is 7 kb... thats too big.
I'm trying to write a cross-browser (IE and firefox) event handler for
the mousewheel. Basically my web app is an image viewer, so if you
scroll "down" with the wheel the next image should be displayed and if
you scroll "up" the previous image should be displayed.
So far I have:
function handleMouseWheel(e)
{
if (!e) e = window.event;
if ( e.wheelDelta <= 0 || e.detail > 0) { changeImage(1); }
else { changeImage(-1); }
}
This code works in IE and in Firefox to the desired effect. The
problem I am having is with registering the event handler.
The following works for IE:
document.onmousewheel = handleMouseWheel;
And the following works for Firefox:
window.addEventListener("DOMMouseScroll", handleMouseWheel, false);
But when I add the firefox event handler to my code, IE chokes with an
error "Object doesn't support this property or method".
What do I need to do to "hide" the firefox event handler code from IE?
I am trying to capture the mouse coordinates of a mouse down to a variable.Then on the mouse move event capture mouse coordinates again and compare the two in order to produce a difference that will ultimately trim an element.how to use these two functions to capture the coordinates into these two varibles.
function mouseX(evt){
if (evt.pageX) return evt.pageX;
else if (evt.clientX)[code].....
Is there any way to resize an iframe dynamically to the height of its content that works cross browser and works when the iframe content is on another domain than the main page (I have access to both pages, so code can be put in either) Also, it must resize when links in the iframe are clicked (ie when a new page within the iframe is loaded)
View 1 Replies View RelatedI have a site at: [URL] If you notice at the bottom, you'll see PREV :: NEXT navigation links. When you mouse over them, the mouse icon turns to a Cursor. Does anyone know how I can revert this back to a regular mouse "hand" icon for better usability purposes? The cursor is not intuitive, imho.
View 3 Replies View RelatedHow can I get mouse coordinates and set them?
mean: When I click button1, my mouse places over button2.
i'm trying to get the XY coordinates of a clicked mouse
here is my code :
if(event.pageX)
alert(event.pageX);
else if(event.clientX)
alert(event.clientX);
[Code]....
how to to get the the coordinates x,y of a mouse click in a google map? how to connect this 2 ponits with a line?
View 3 Replies View RelatedI've been having an issue with Safari when it comes to getting mouse coordinates after clicking on an element - specifically the Y coordinate. For some reason, the 0 position is the bottom left corner of the window. The further down the page, the lower the number gets. This is crazy behavior - I have this stupid thing working in every other browser, but Safari.
My script is modeled after the standard Quirksmode script:
function doSomething(e)
{
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY)
{
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY)
{
posx = e.clientX + document.body.scrollLeft;
posy = e.clientY + document.body.scrollTop;
}
// posx and posy contain the mouse position relative to the document
// Do something with this information
alert(posy);
}
My test HTML is like so:
<br><br><br><br><br><br><br><br>
<input type="checkbox"
<br><br><br><br><br><br><br><br>
<input type="checkbox"
Any help?
How can I track the mouse coordinates outside the active window? No
one can tell me its not possible because Google Spreadsheets and
EditGrid both do it. When you drag down to select cells these
spreadsheet programs are capable of properly selecting the cells based
on where the mouse is, even though the mouse is way outside the
browser. I haven't been able to find any info on it or figure it out
myself. How is this possible?
I have a Div that is set to display:none with CSS, and I have it set to appear when the mouse is hovered over an anchor. It all works fine and dandy, but I want the div to appear at the coordinates of my mouse cursor and follow it around until it's taking off of the anchor, when the div will be hidden again.
Here's the live page: [URL]
Here's my javascript:
Code:
var cX = 0; var cY = 0; var rX = 0; var rY = 0;
function UpdateCursorPosition(e){ cX = e.pageX; cY = e.pageY;}
function UpdateCursorPositionDocAll(e){ cX = event.clientX; cY = event.clientY;}
if(document.all) { document.onmousemove = UpdateCursorPositionDocAll; }
[Code]....
Are there javascript functions to find the cursor position of a mouse? Also, are there javascript functions to find if the mouse cursor is within a listbox? A C# code sample is shown below:
Listbox lb; //lb is a listbox
Point cpos = lb.PointToClient(Cursor.Position); //find coordinates of mouse
if(lb.ClientRectangle.Contains(cpos)) //if mouse cursor is within the listbox
Are there any javascript functions which can do the same as the above c# methods?
Now, the code I have now works perfectly fine, as advertised, but I had a bit of a hack with my mouse coordinates. The program is a simple one that creates an image at the spot where the user clicks.
<script type="text/javascript">
var zombies = 0;
function stamp(x,y) {
/*This is me offsetting my co-ordinates. The image is 200px x 200px, so I shouldn't have to offset it by that much to fix it.*/
x = x - 370;
y = y - 250;
var i = new Image();
i.src = 'images/Zombies.gif';
document.getElementById('target').appendChild(i);
i.style.position = "absolute";
i.style.left = (x + "px");
i.style.top = (y + "px");
zombies++;
if (zombies == 10) {
var answer = confirm("Ahh!! That's a lot of Zombies! Flee back to the main menu?");
if (answer)
location.href = "index.html";
else
alert("Good Luck.")}
That's my script, and this is all I have in the html:
<body id="target" onclick="stamp(event.pageX, event.pageY);">
The other problem I have is that it doesn't create the zombies at all in Chrome or IE. I believe it has something to do with the
"document.getElementById('target').appendChild(i);"
because I've had troubles with that before.
I'm probably just blanking today, but, how can I find out what type the cursor currently is? Is
document.activeElement.style.cursor the way to go on this? But that's only for IE, right?
how I could move a div around a page on mouse down? Like drag and drop it where I want it to be on the page and grab its x,y position?
View 2 Replies View RelatedHow can I retrieve x, y coordinates of the browser top left corner in
Internet Explorer?
In Firefox screenX/screenY are working as expected.
In IE, from MSDN :
screenLeftRetrieves the x-coordinate of the upper left-hand corner of
the browser's client area, relative to the upper left-hand corner of
the screen.
screenTopRetrieves the y-coordinate of the top corner of the
browser's client area, relative to the top corner of the screen.
So, screenTop will include titlebar height as well. Using that in
window.open will shift the window down.
How do I get the mouse pointer to change as if over an active link when moused over a div.This my code, you can click anywhere on the div and it will fadeout as expected, but the mouse pointer has the appearance of not being active.
jQuery(function(){
jQuery('a').click(function() {
jQuery('#slide-div').fadeOut();
});
});
is there any way to detect mouse cursor style, i want to do something while mouse cursor in wait.
View 2 Replies View RelatedBelow is example js:
function SomeLongProcess()
{
for(var i=0;i<document.all.length;i++)
document.all(i).style.cursor="wait";
// some long process here !!
for(var i=0;i<document.all.length;i++)
document.all(i).style.cursor="default";
}
so, the problem is, that the mouse cursor not change, until i focus to
different window, and return to this window.
I've created a carousel widget on [URL].. (under 'Featured Personas' and 'Featured Designers'). Every now and then when the arrow navigation images are clicked, the
mouse returns to the default arrow from a hand. (note: when you are at the end of the carousel, the mouse will change to an arrow). This is not supposed to happen, if I move the cursor away from the navigation arrow and back over, it changes back to a hand as intended. It should stay a hand until the end of the carousel is reached. I've only been able to reproduce it sporadically,
I am currently adding BBCode to my website, and I posted a while ago in this forum for a script that would add tags to my textarea when clicking an BBcode image. But my next problem now is that I need those tags to appear around selected text and at the mouse cursor if no text is selected. Currently all it does is just add the tags at the end of your sentence if you've written something in the textarea. Here is the code I use:
function lolwut(txt)
{
var ta = document.getElementById("my_ta");
ta.value += txt;
}
window.onload = function()
{
lolwut("");
}
I need a javascript that will print out the X and Y of the mouse on the screen as I move the mouse and keep up to date. The X and the Y must also be stored in a variable. (Trying to increase my knowledge of javascript so that I can make my web sites better and my experiments are all in making games)
View 3 Replies View Related1). Get the number of pixels from the left side of the hovered-element that the mouse cursor is located, and
2). Set *part* of a CSS attribute to this value
I would like to change cursor to pointer when mouse is over li element and it works until mouse gets over input or label element. I want to have pointer alse when mouse is over label or input in li elment.
View 3 Replies View RelatedI'm wondering if theirs a way to make a dim light, sorta like a candle follow my mouse cursor on a webpage?
View 2 Replies View RelatedI want to find x, y location of a layer or an image, or any other item
on a webpage.
1. It could be relatively or absolutely positioned.
2. It does not matter what browser the user is using.
what's the correct javascript code?
example: find x, y location of the image "someImage"
<html>
<body>
......... some html here....
<img src="someImage.gif" id="someImage" />
......... some html here....
<body>
</html>