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?
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'm currently making a web application which needs to be fully compatible with iPad. The functions I've implemented so far work perfectly on Firefox, Internet Explorer and other browsers. However, the iPad itself responds a bit different. After a certain action, I want to put focus on a textfield with the help of Javascript. Again, this works perfectly with the normal browser, the iPad browser however seems to be blocking the focus. The reason I'm not posting any code is because it's basically irrelevant. All I do is:
[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 am using the taconite plugin and am running into a strange issue. I use taconite to call several processes after each other (php) and update messages in the page, as such it is running fine. I have one big issue, if I open one database table too many in one of the calls, taconite receives the xml but does not update the page. With taconite debugging turned on I can see the following: WITHOUT the database I get to my last step in the database: [taconite] time to process response: 28ms [taconite] [AJAX response] content-type: text/xml; status: 200 OK; has
[Code]....
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.
What's a reliable way to tell when the browser window has either gained or lost focus?
I've tried something like
<frameset ... onFocus="..."> in the top level frameset, but it's intermittent at firing when the browser gets the focus back.
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'm having trouble with Safari. After i close a popup it does not focus on the parent window. I have been looking around and i think its this sort of thing i need 'javascript:window.opener.focus()" target="_self"' but tbh i'm not in anyway a javascript whizz, so im a little confused.
Here is my current code to close the child window
document.write("<input name='close' class='button popup' type='button' value='Close Window' onclick='window.close()' id='close'>"
So i need to somehow, add in the .opener thing to that.
Does anyone know how to do the input focus fade in and fade outs that is seen at Apple's mobile me website at [URL] I would love to implement it in my own login box.
View 2 Replies View RelatedI 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.
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 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 RelatedIf I use the following construct in the frame "main" for a link to an
extern site:
<A HREF="http://www.any.xy" TARGET="extern">
the Browser is creating the window "extern", loading the page
www.any.xy an setting the focus to "extern". But when I go return to
"main" without closing "extern", a click to an other link (e.g.
www.2nd_any.xy) on "main" does not setting the focus to "extern".
For setting the focus to "extern" in the second case, I have used the
following construct:
<A HREF="http://www.any.xy" TARGET="extern"
onClick="setTimeout('extern=window.open('','extern');fr emd.focus();',500);">
an example</A>
This construct has worked very well for a few years, but since about
one year, the sesult was the same as using
<A HREF="http://www.any.xy" TARGET="extern">
In this year, I have changed:
win 95 --> win 2000
modem 56k --> DSL
Netscape 4.5 --> Netscape 7.1
Can anybody tell me a possibility setting the focus to "extern" in the
second case? Is the changing of my configuration the reason, that the
construct has failed?
this is for a browser window that contains a chat app that is an applet... when browser window is not in focus I would like users to somehow get notified when a message arrives, more or less like regular IM apps do.. I did with window.focus(), but I don't really want window to come into focus, I just want it to 'blink' and then stay highlighted.. I tried window.setActive() method (not sure what that method does but wanted to try it) but I get obj-non-supported error in
IE6 with that method ..