Window Highlighting problem in JavaScript

jayaramgussy · #1 (**permalink**) Sep 20th, 2007, 10:15

I am developing site, which highlight the inactive/Minimized window browser. Please check this coding.

[html]<html>
<head>
<title></title>
</head>
<body>

<A HREF="http://google.com" TARGET="NewTarget" onClick="window.focus() Window.open('http://google.com', 'NewTarget') return false;">
Google</A>
 
<A HREF="http://gmail.com" TARGET="NewTarget" onClick="window.focus() Window.open('http://gmail.com', 'NewTarget') return false;">
Gmail</A>
 
<A HREF="http://answers.google.com" TARGET="NewTarget" onClick="window.focus() Window.open('http://answers.google.com', 'NewTarget') return false;">
Google Answers</A>
 

<A HREF="http://answers.yahoo.com" TARGET="NewTarget" onClick="window.focus() Window.open('http://answers.yahoo.com', 'NewTarget') return false;">
Yahoo Answers</A>
 
<A HREF="http://inbox.com" TARGET="NewTarget" onClick="window.focus() Window.open('http://ginbox.com', 'NewTarget') return false;">
Inbox</A>
 
</body>
</html>
The problem is If i use only one link for a page then it will highlighting the existing inactive window. I am using 4 links in this page, the first link google only highlighting others not reflecting. Please help me to solve this one. If any other method to solve this problem then please provide your code, and your valuable suggestions.
Thanks

Rakuli · #2 (**permalink**) Sep 20th, 2007, 11:02

So you want to open a new window for each link?

If that is the case, you would need to name each window differently.

eg

Window.open('http://thelinke', 'uniqueName1');
Window.open('http://thelinke', 'uniqueName2');

etc...

I think this is what you mean?

If not let me know in a bit more detail.

Cheers

jayaramgussy · #3 (**permalink**) Sep 20th, 2007, 11:17

Thanks for replying.

Each link should open in a same named target window, thats y i gave the same target name for each link. The problem is
first time if u click any one of the link it will open a new window, after second time it will open the same window, but we dont know whether it is opened or not, so i need to indicate to the user link that named browser blinking in taskbar or appear on the screen. It will help to user to know whether the new link is opened.

the function Window.focus() will help to do this. I tried, but i didn't get result. Please help me..
Thanks

Rakuli · #4 (**permalink**) Sep 20th, 2007, 11:34

You'd be much better off doing this with a javascript function.

like

Code: Select all


]<html>
<head>
<title></title>

<script type="javascript">
var newWindow = false;

function toggleWindow(url)
{
       // Check if window is or has been open already and make sure it has not been closed
       if (newWindow && newWindow.open && !newWindow.closed)
       {
          // Change the URL and give the window focus
              newWindow.location.href = url;
              newWindow.focus();
       } else {
          // Otherwise open the window and give it focus
          newWindow = window.open(url, 'newWindow');
          newWidnow.focus();
       }
}
</script>
</head>
<body>

<!-- Now put the function call on each linke //-->
<A HREF="http://google.com" TARGET="NewTarget" onClick="toggleWindow('http://google.com') return false;">
Google</A>
<br/>
<A HREF="http://gmail.com" TARGET="NewTarget" onClick="toggleWindow('http://gmail.com') return false;">
Gmail</A>
<br/>
<A HREF="http://answers.google.com" TARGET="NewTarget" onClick="toggleWindow('http://answers.google.com') return false;">
Google Answers</A>
<br/>

<A HREF="http://answers.yahoo.com" TARGET="NewTarget" onClick="toggleWindow('http://answers.yahoo.com') return false;">
Yahoo Answers</A>
<br/>
<A HREF="http://inbox.com" TARGET="NewTarget" onClick="toggleWindow('http://ginbox.com') return false;">
Inbox</A>
<br/>
</body>
</html>

That should give focus to the window each time a link is clicked.

Cheers

jayaramgussy · #5 (**permalink**) Sep 20th, 2007, 12:17

Thanks for send this code.
But code is not focussing the inactive (minimized) window.
Please check this code. I need the output like this

Code: Select all

]
<HTML>
<HEAD>
<TITLE>Window Focus() and Blur()</TITLE>
<SCRIPT LANGUAGE="JavaScript1.1">
// declare global variable name
var newWindow = null
function makeNewWindow() {
    // check if window already exists
    if (!newWindow || newWindow.closed) {
        // store new window object in global variable
        newWindow = window.open("","","width=250,height=250")
        // pause briefly to let IE3 window finish opening
        setTimeout("fillWindow()",100)
    } else {
        // window already exists, so bring it forward
        newWindow.focus()
    }
}
// assemble new content and write to subwindow
function fillWindow() {
    var newContent = "<HTML><HEAD><TITLE>Another Subwindow</TITLE></HEAD>"
    newContent += "<BODY bgColor='salmon'>"
    newContent += "<H1>A Salmon-Colored Subwindow.</H1>"
    newContent += "<FORM><INPUT TYPE='button' VALUE='Bring Main to Front' onClick='self.opener.focus()'>"
    // the following button doesn't work in NN6
    newContent += "<FORM><INPUT TYPE='button' VALUE='Put Me in Back' onClick='self.blur()'>"
    newContent += "</FORM></BODY></HTML>"
    // write HTML to new window document
newWindow.document.write(newContent)
    newWindow.document.close()
}
</SCRIPT>
</HEAD>
<BODY>
<H1>Window focus() and blur() Methods</H1>
<HR>
<FORM>
<INPUT TYPE="button" NAME="newOne" VALUE="Show New Window" onClick="makeNewWindow()">
</FORM>
</BODY>
</HTML>

In this page they are used to open a new window, but i need to use URLs with multiple links. Pleas check it and help me.
Thanks

Rakuli · #6 (**permalink**) Sep 20th, 2007, 13:01

The function from my last post does the same thing as the code you posted.

The call to newWindow.focus() is the only thing I know and it doesn't work on all browsers/OS etc.

You would be better off closing the window and opening again each time you run the function.

Code: Select all

var newWindow = false;

function toggleWindow(url)
{
       // Close3 the window if its already open.
       if (newWindow && newWindow.open && !newWindow.closed)
       {
          newWindow.close();
} 

          newWindow = window.open(url, 'newWindow');
          newWidnow.focus();
}

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Open another new window from javascript window	thehermitage	JavaScript Forum	10	Jan 27th, 2008 19:42
Need JavaScript for html links should open in a new window in the first time, after..	jayaramgussy	JavaScript Forum	0	Jun 19th, 2007 09:00
javascript Window.event help	trylah	JavaScript Forum	3	Apr 10th, 2007 13:31
javascript to open new window	snappy	JavaScript Forum	4	Nov 9th, 2006 13:02
Javascript popup window with ASP	madhuri.t	Classic ASP	0	May 3rd, 2006 10:42

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
Window Highlighting problem in JavaScript