JQuery :: Detect If A Named Window Is Already Open And Change Focus To It?
Jul 5, 2011
I'm relatively new to jQ and would like to determine if a named window is already open. If it is then I want to change focus to that window/tab. The scenario is this. I have a link in App1 that opens a new window to an already existing linked (related) web form in App2. If the user forgets they have that window open in App2 and clicks the same link in App1 as before (to open the related form in App2,) it opens a window that is not the same window as the original window. I need App1 to detect if a window already exists in the browser of the same name and if so, change the browser focus to it.
I'm opening a new window that contains a simple frameset (topFrame,mainFrame). On the mainFrame page I have along list of service descriptions each with their own named anchor.
Here is the script i'm using to open / center window in browser (script is from 'ultimate window pack' extention for dreamweaver): Code:
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. Though 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.
if anyone is still curious about this recently posted issue creating error 'member not found'
function imageWindow(whichImage) { imageWindow = window.open(whichImage, 'myWindow','width=450,height=200') imageWindow.focus() }
I was experiencing the same problem and determined that the error was experienced when loading a pdf file. in the above case the user appears to be loading an image. The problem does not occur when simply loading html files.
I use a cookie to keep track of a particular window (using window.name), lets call this the main window. I use the window to distribute data returned from the server.
I use window.open("",mainWindowName) to get the reference to the main window object.
The problem is in nearly all browsers this works fine (focus stays on the current window), however in Safari, window.open also sets focus to that window (mainWindowName).
Of course I can reset focus back to the current window in Safari, but there is a quick flash of windows focus changing and it doesn't look good.
I know 800x600 screens occupy a shrinking part of Web surfers, but I want to accommodate them by offering an alternate style sheet where my site pages don't break when someone from this smaller group visits. Yes, there are examples of how to do this on the Web, but I have one more requirement and don't know how to code it. Not only do my pages break on 800x600, they also break if the browser widow is sized smaller on a 1024x768 screen. (I'm studying css that will dynamically respond to this but I'm not there yet.) Do I just need an appropriate if/or statement to deliver different style sheets? Is there even a JS that detects browser window changes?
I have the existing code that will change all my links to external sites to open in a new window. I now want to change it to allow me to have a way that it will not do this if I put something special in the a href tag.
How can I do something like "browserTab.onfocus = myFunction" by which I mean that "myFunction" would get control any time something in it's browser tab gains focus? E.g., when the user switches from a different browser tab or a non-browser window. I don't need to know what got focus, just that something did in that tab. "window.onfocus = myFunction" with event capturing works fine except when the main window contains frames. Doing document.getElementById('iframeId').contentWindow.addEventListener('focus',myFunction,true) to add an onfocus handler to the iframe's document works in Firefox except when the frame's content comes from another site, which is my case and I cannot modify that site. I'd rather not poll using document.hasFocus().
Filename is just the extensionless web page name e.g. "Addresses"
Problem is of course every window popped up will replace the previously popped up window and in the case of a popped up window popping up a window the new window will just replace the calling window.
(Please, no lectures on popping up windows, I need to in my particular case and here I'm just stripping it down to the bare problem for claritie and simplicities s sake)
I'd be happy if I could create a new window handle each time so that all my popup windows will be unique. If it could be the filename that would be fine e.g. instead of the window handle variable being "LinkWindow" it would be "Addresses". Is there some way of making the variable I assign the new window to a variable? All I can come up with is somehow having LinkWindow an array of window handles and just keep incrementing it e.g.
LinkWindow[100]; // 100 is more than enough windows for a typical session LinkWindowCount = 0;
I was wondering if it is possible to target a named anchor in a frame when opening a new window with a javascript function? has anyone actualy been able to do this?
Is there any jquery script that would detect a browser. What I exactly mean is when a visitor opens a website, the script detects the browser and if it's IE6-7, the message to upgrade/change the browser is displayed. It'd be nice if the rest of the screen got blurred, as it is in some jquery photo galleries.
I'm looking for a way to detect form change in jQuery. For exemple Idisplay a big and dynamic form pre-filled with values and splitted intabs.I would like that when some form values in a tab is changed an iconappears showing that a save is needed. I also would like to have analert if the user click on the menu without saving.Is there an existing plugin or has someone already done this kind ofthings ?
I have a problem on the links on my page im working.sorry guys still a noob and my english is not that good. :b. my question is like i have a list of packages of food. [link_a] [link_b] [link_c] and i have a function that i put in my head tag:
function linkA() { window.open('link_a.html','link','width=300,height=200,resizable=yes'); }
now i can go to linka.html by click my link <A HREF="javascript:linkA()" >link a</A> is there a way i can have one functions that can open a link depend on what page .when it clicks then go to its designated page or i have to stick on writing function for linkB ,C,D and so on.
I have some legacy code that creates an image carousel and outputs AFTER the document head has been output - the CSS for this was being aded to a style block within the <body> which although worked is not compliant. I am trying to use jquery to set the css, but one part if failing. This is the original css :
#div_tab_one a:hover { .... } #dic_tab_one .selected a {...}
How can I inject this css ? the selected class is set by some YUI code and rotates through the carousel setting/unsetting the "selected" class.
I 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.
I have been working on this problem all day. I have several pictures on a page. When a user clicks it, a popup window will show up a series of pictures. Inside the popup window, there is a close icon to turn of the popup. Besides, if the user clicks outside of the popup, the popup will turn off as well. Here is what I have so far.The closed icon inside the popup works fine but I can't get "the click outside of the popup" to work.
