If I perform a mousedown within a document, move the mouse outside the
browser window, and then release the mouse button, the document.onmouseup
event does not fire. Is there any way to detect a mouseup event outside the
document?
Also, how can I get the relative coordinates of the cursor while it is
outside the browser?
I would like to set up a listener, I think, that will exectuve a bit of code when my primary browser window receives focus.
For example, I will open a new _blank window, but when that window is closed, I would like some code to exectuve. What is the proceedure to do this?
This is a really basic question: what does blur mean, or what does it do when used in links as described below? I've tested it on Firefox 3.6 and Opera 11 and it behaves as I hope except for one thing. During testing if I use both keyboard and mouse to navigate within the same session, the browser history for the 'other' method is wiped out; it won't go backwards beyond the most recently used method. Is this not a surprise when you know what blur really means? I want the following (assuming Javascript is enabled):
a) Keyboard users to see a focus outline on navigation links.
b) Keyboard users to see the outline still there if they use the browser Back button, and continue tabbing from that link onwards.
c) Mouse users to NOT see an outline if they use the browser Back button.
[Code]....
I'm trying to detect the browser in that little box but It's not working. in between the <div> tags I have this code
<script type="javascript">
var browser=navigator.appName
var browser_version=navigator.appVersion
var version=parseFloat(browser_version)
document.write("Detecting Browser..." + browser)
</script>I don't even think I'm going to user the browser version so don't worry about that but I can't get this to work. I think I have it right, I was looking at the tutorial on w3schools. Can anyone see a problem? Am I leaving something out?
Edit: oh, very sorry. It seems my tiny little mistake is that script type should be "text/javascript". But now that that is figured out It shows that I'm using Netscape when I'm actually using Firefox 0.o
I do know about 'DOMSubtreeModified' which works in FF but not IE. Is there any possible solutions that could work for any browser?
View 4 Replies View RelatedI'm curious if it is possible to detect the browsers default font and
size? Most of the posts on this topic predate Windows XP, IE 5.5,
Mozilla Firefox, et al.
I've searched up and down the DOM properties, looped through most
objects and collections alerting properties and values, and I can't
find anything. This leads me to believe it is not possible to detect
the browsers default font settings.
I have a jquery-powered "start page" that checks your log in and if successfull it slides in a "menu" of new places to go. The problem is, if you click back from one of the new places, the original "start page" looks as if you never logged in. You have to reload the page. Not very intuitive and this website is for kids. Now I've tried setting form field values with server session variables, javascript variables, etc etc but they all get reset when you click back. I've tried the "onunload hack" which I don't fully understand, and then read a bit about the onhashchange event which is from what I gather only compatible with HTML5 browsers...is there no way to detect if the user is already logged in when they click the back button or am I not doing enough homework?
View 2 Replies View Relatedfunction doUnload()
{
if (window.event.clientX < 0 && window.event.clientY < 0)
{
alert("Window is closing...");
} }
I get window.event undefined by using
var evt =window.event? event : e I get e undefined
var evt =window.event? event : e
if (evt.clientX < 0 && evt.clientY < 0){
alert(evt.clientX +"Window is closing...");
}
I'm trying to figure out if it's possible to detect if a browser supports a specific URI scheme with javascript. So far the only close-but-wont-cut-it solution seems to be looping through navigator.plugins and check for plugins known to support these schemes, but that wont cut it (not maintainable, lacks perenity and have not found such a list). I have HTML anchor tags which use the geo [URL] and tel [URL] uri schemes. These are recognized by the iphone web browser (at least, tel I'm sure of) but not by the more general browsers.
If I click on any of these links in an nonsupporting browser of course, I get a nice browser alert box telling me the scheme isn't supported. But you cant trap that with javascript. I've tried fiddling around with window.navigator and even tried some iframe embedding magic to see if this would work, no success yet. What I want to do is detect I the scheme is supported and if not, prevent the links from a) appearing as links and b) be clickable. So far, I've been able to hack something out of firefox with this:
Code JavaScript:
(function(){
var schemes = ['aaa', 'aaas', 'acap', 'cap', 'cid',
'crid', 'data', 'dav', 'dict', 'dns', 'fax',
'file', 'ftp', 'go', 'gopher', 'h323', 'http',
'https', 'icap', 'im', 'imap', 'info', 'ipp',
'iris', 'iris.beep', 'iris.xpc', 'iris.xpcs', 'iris.lws', 'ldap',
'mailto', 'mid', 'modem', 'msrp', 'msrps', 'mtqp', .....
Is it possible to find if user has disabled images in his/her browser settings.. well currently i want code for firefox...
View 2 Replies View RelatedIs there an easy way to detect the local language setting of a client browser?
I would like to determine if the users browser is set to English, French, Italian or German language and display a message in the appropriate language but don't want to redirect user.
I am trying to pop up a window and then do stuff(set flags) when the content of the new window is done loading. For this I am trying to detect the window.onload of the pop-up child window but so far I am unsuccessful. I believe my problem is that the URL of child window is on different domain, than the one of the opener(parent) so that the window.onload is not being called. Thought this may change, at the moment I do not have access to the code for the page I'm opening up in the pop-up. Im pretty new to web development.
Heres my js code
Code:
//globals
var popupHandle = null;
var openingWindow = false;
function popWindow(URL){
[Code]....
Note: The whole reason why I am doing this is because if its the first time I am clicking on the button that will open this pop up window and I click it repeatedly very quickly, a new pop up is opened for each time I clicked eventhough the window.open is supposed to reuse the window if it has the same windowId. The first call to window.open takes long enough to not have a window handle and allow other clicks to get through.
I need to know if the user close the browser or to open the window � browser without or with a disable close window button How can I???
View 6 Replies View RelatedCan anybody let me know how to detect when my user clicks the X button
on the window. I used unload event it did not work(on IE). My web page
is a .asp page which reloads itself when navigating on the site. Now
whenever the user clicks any links on the page the unload event is
triggered which is not what I want. I only want to detect when user
clicks the X button and not when the URL changes.
code i used:
<body onunload="alert('leaving window');">
Basically this alert window is triggered everytime the URL changes and
not just when the window closes(which is what i want).
I am able to detect a window resize using the following code:
window.onresize = function () {
if(document.getElementById("parent_for_video").style.display !=
"none") {
calculate_positions();
//Resize the main div
gray_div = document.getElementById("gray_div");
gray_div.style.height = h;
gray_div.style.width = w;
main_div = document.getElementById("main_div");
main_div.style.height= video_overlay_height;
main_div.style.width = video_overlay_width;
main_div.style.top = video_overlay_top;
main_div.style.right= video_overlay_right;
}//if(document.getElementById("parent_for_video").style.display !=
"none")
}//window.onresize = function ()
You should be able to see that when a resize is detected i move and
resize a couple of divs.
The thing is though i cant work out how to do this in real time. That
is the calculations only happen when i let go out the mouse. So if i
resize from massive to small the changes dont get reflected untill i
stop dragging the mouse.
I'd like to be able to resize and stuff as the mouse is dragging the
dimensions.
when a user clicks on a link, a new window opens. what I want to do is that if the user closes that popup but click on that same link again, the window should open..
Code:
<script language="javascript">
var winOpen = "";
[code]....
I am doing some work, where I want to have a table heading that remains in a fixed position, when the window is scrolled (I will ultimately have a very long table). I have written the code below, which fixes the heading.
I am trying to make it so that each body row of the table gets hidden, when the window is scrolled such that the row passes above the heading row.
To do this I need to somehow detect the distance of each row from the top of the window as the window is scrolled so I can detect when it goes above the fixed heading row. I have tried to do this using offsetTop and scrollTop in the code below, but it doesn't seem to be working (in Safari at least, which I am using for my main testing).
Does anyone know a simple way of detecting the distance to the top of the window so I can use it in my code below, which will work in all browsers?
(I don't really want to use div, and overflow-y:auto to achieve the fixed heading scrollable table, because I don't want to have a sub-section with its own scrollbar. I just want to have the main page scrollbar when the list gets long enough to require it.)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
[Code]....
I have done some ugly hacking in JavaScript before but nothing serious. Now I have decided to learn the language properly, so yesterday I threw together a function plotter that you can see here: balazsbotond dot hu/plotterThe script is here: balazsbotond dot hu/plotter/raphael-test.jsI use Google Chrome as my primary browser. My script works perfectly in every other browser (IE6, IE8, FF, Opera, Safari), but there are some problems in Chrome. Some functions do not work at all (exp()), some do not always work (sin(x) works, x*sin(x) works sometimes, 0.7*x*sin(x) never works). Since I am new to JS and this seems to be a very subtle problem, I have no idea where to start.
I have read that the use of eval() is not recommended because of performance and security reasons. erformance is not a problem here (eval is definitely better here than writing my own expression parser), but what about security? Did my use of eval introduce a security risk in my site (I find this quite unlikely because the whole thing runs on the client side but who knows...)?By the way, is there a way to detect if eval() was not successful?And finally, is there a reliable, cross-browser way of getting the client size of the window? I'm talking about the size without the title bar, toolbars, etc. My solution does not work in IE6 and IE8.
I am trying to let the user drag a rectangle over an image, which will
then let the user zoom in on the dragged area. However, I am doing
something wrong in implementing the onmousedown and onmouseup events.
Everything is very simple so far. I just defined an onMouseDown event to
record the event's x and y locations as the starting point, and an
onMouseUp event to record the x and y of the end point, and this function
gives me the results of both in an alert box.
The problem is, that the OnMouseUp event does not get fired if I move the
mouse while holding the left button down. This only works if I click down
and then up at the same point, which is not what I want.
What could be wrong? Why does the browser not recognize the mouse up when
the mouse is moved while holding the left button down? How do I fix this?
my script looks something like this:
<body onmouseup="b.innerHTML='2';">
<button id="b" onmousedown="this.innerHTML='1';"/>
now the problem is that if the user presses the button, and while he have not released the button, he Alt-Tab to another window and release the mouseclick at the other window. And when he returned to my webpage, the mouseup event never occured and is "lost"!how do we stop this from happening?
Code:
I have a display pic which is supossed to change when a user presses one on the numbers (bottom right hand corner) but it doesn't change all the time. Sometimes you have to double click, sometimes hold the button down.
Also when you click and the image doesn't appear you can right click where the image should appear and select 'show picture' then it appears.
I'm trying to experiment with some javascript to do some custom
dragdrop handling. I wish to use the onMouseDown event to trigger the
start of my drag, and onMouseup for a potentential drop. I hope to
turn on the onmouseup only in onmousedown. And eventually go one step
further and incorporate onmousemove for a true drag workflow.
I'm running into a problem however, where after mousedown, mouseup will
not fire when I release the mouse button. It will however fire if I
click again. So the event isn't being tracked until I release the
mouse the first time apparently. Which ruins my dragDrop of course.
Below is the code. You can see a move() method that would incorporate
onmousemove, but for the most basic test I'm just using beginDrag and
endDrag.
Any ideas why onmouseup won't fire until I release the button, then
click again?
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.
View 3 Replies View RelatedHere is a simple version of the relevant line of my code:
[Code]....
There is no response for onmouse down, but onmouseup generates the appropriate alert. why onmousedown doesn't 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.
How to solve the trouble? The element with id of "tmpContainer" is the div.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript"></script>
</head>
[Code]...