JavaScript - Detect Popup Window Close, Redirect To...

I am having a heck of a time closing this popup window when i logoff the site.

i open it by

Code:

shoutwindow = window.open("<?=$MY_LINK_ROOT?>/shoutbox/minichat.php", "shoutwindow", "location=0,status=0,scrollbars=0,menubar=0,resizable=0  width=300,height=310");

when i click logoff the site i want the popup to close also

here is the logoff php

Code:

session_start();

         //only for testing will remove this

    if(!shoutwindow.closed)  

      {  

         echo "window open";
               self.close(); 

           
           //shoutwindow.close ();  // also tried both these didnt work
           //  window.close();

      }  

      else  

      {  

         echo "Window already closed";           

      }  

 


mysql_close($link);
unset($_SESSION['Sess_UserId']);

// Unset all of the session variables.

session_unset();

// Finally, destroy the session.

session_destroy();

echo "<script> location.href='$MY_LINK_ROOT'</script>";

exit;

?>

what am i missing here lol ? thanks

UPDATE: i just had an idea, can i mix a href and an onClick together so that both are executed like this (i never tried it before)

Code:

the reason i use self.close is because i heard that it always closes the child not the parent.

<a href="logoff.php" onClick="self.close()" return:true;>Log Off</a>

the return true will make it execute the href as well right?

Trying to get this link to close window onclick, can I even do it? I'm just not seeing how, but I'm probably missing the obvious...

Code:

<img usemap="#map3" id="shapeimage_5" src="Notice2_files/shapeimage_5.png" style="border: none; height: 49px; left: -67px; position: absolute; top: -3px; width: 261px; z-index: 1; " alt="December 2011 notice" title="" /><map name="map3" id="map3"><area href="https://docs.google.com/open?id=0BwxS6NVXBkCvMTZiMTc1MzYtNDA1Yi00YzRjLWFjNDktNGI5ZDVjYTJkNTkw" title="https://docs.google.com/open?id=0BwxS6NVXBkCvMTZiMTc1MzYtNDA1Yi00YzRjLWFjNDktNGI5ZDVjYTJkNTkw" alt="https://docs.google.com/open?id=0BwxS6NVXBkCvMTZiMTc1MzYtNDA1Yi00YzRjLWFjNDktNGI5ZDVjYTJkNTkw" coords="67, 3, 258, 46" onclick="window.open(this.href); return false;" onkeypress="window.open(this.href); return false;" /></map>

Unable to close the popup.

Have done the best I can

Can someone please help me here.

Would also like to be able to display without scrolling bars

Here is the link

http://www.videowebmastery.com/video...ters/index.htm


Cheers

Sorry fellas, I am a complete noob
I am trying to detect if a users browser is Internet Explore Version 9
the subsequently redirect that browser to a new page that is IE 9 specific in my directory. My code does NOT seem to be working.
Could any of you kind folks take a look and see the mistake?


<script language="JavaScript" type="text/JavaScript">
if(navigator.appName == "Microsoft Internet Explorer"&& navigator.appVersion >=8)
{
window.location = "SeansWebsite_2012_IE9.html"
}
<!-- the page that i am starting on is "SeansWebsite_2012.html"-->
</script>

i have pasted below java script code. please check write or wrong

<script language = "JavaScript" type="text/javascript">
// Remove down to "ConnectionSpeed Detection section" if you don't want to use cookies
// If you drop a cookie it can be picked up on return by php or something else
function setCookie(name, value, expire) {
document.cookie = name + "=" + escape(value) + ((expire == null ?
"" : (";expires=" + expire.toGMTString())));
// alert('A cookie called '+name+' is now set with value: '+value); //enable to alert user of cookie
}
function getExpireDate() {
var expires = new Date();
expires.setTime((new Date().getTime() + 1000 * 60 * 60 * 24 * 365));
return expires;
}
// ConnectionSpeed Detection section
var datasize = 31468; // Size of data being transferred, in Bytes
var startTime = 0;
var endTime = 0;
var date = 0;
var ctype = "";
var textMessage = "";
function calcThroughput() {
var diffTimeMilliseconds = endTime - startTime;
var diffTimeSeconds = diffTimeMilliseconds / 1000;
var bits = (datasize * 8); // convert Bytes to bits,
var kbits = bits / 1024; // convert bits to kbits
var throughput1 = kbits / (diffTimeSeconds * 100 / 100);
throughput = throughput1 * .93; // account for IP packet header overhead - averages about 7%
setCookie("MediaThroughput", throughput, getExpireDate()); // Remove to not use cookie
if (throughput < 185) { ctype = "Home.aspx"; }
if (throughput > 185) { ctype = "intro.aspx"; }

textMessage = "Bandwidth: <B>" + ctype + "</B><br>time to load: (sec): <B>" + diffTimeSeconds + "</B><BR>kbits loaded:<B> " + kbits + "</B><BR>Throughput (kbps): <B>" + throughput + "</B>"
document.location = ctype;
}
</script>
<script language = "Javascript" type="text/javascript">
<!--
A bunch of binary data here in the actual file
-->
</script>
</head><body>
<script language = "Javascript" type="text/javascript">
date = new Date();
endTime = date.getTime();
calcThroughput();
</script>

automatic detect default page and check to low band version go to html page or high band version go to flash page.


please help!!!!!!!!!!!!!!!!!!!!!!!!!

In the home page (index.html) i have a flash intro. The first time a user sees the website, the intro should play. Once he goes to another page (about_us or contact_us) and comes back to the home page, it should show a different swf (the version without the intro) - i have created two swf files. I need to know how to change them when the user has already seen the intro or was in the home page before. When i googled, i found something on cookies. I have no clue on how to set them and change the swf file. Would be great if someone has already done this or point me to a tutorial.

i need java script.

please help!!!!!!!

i need script will detect connection speed and redirect to a page:

I need to detect the client IP address and then redirect them to the apporiate page depending on their IP. This is on an Intranet site. Here's what I've been working with:

var ip = '<!--#echo var="REMOTE_ADDR"-->';

if (ip == "10.256.85");
{
url=("http://www.google.com");
window.location=url;("http://www.google.com");
}


This works for the redirect but doesn't check the IP.

Thank you!
K. Bardolf

Hey guys,

Been searching on google for two days now, without a valid answer. I'm NEW to javascript, so I need some good help on this haha. I am using the following little piece of code to open a popup window:

Code:

<SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'>
 <!--
var win=null;
function NewWindow(mypage,myname,w,h,pos,infocus){
if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;}
else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20}
settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no";win=window.open(mypage,myname,settings);
win.focus();}
// -->
</script>

The actual link to open the popup is like this:

Code:

<a href="javascript:NewWindow('upload.php','popup','550','252','center','front');">Open the popup</a>

What I am opening is, an upload page to upload an image (PHP / AJAX). Once the upload is complete and I close the window, I need the parent window (the index page which the link to open the popup is on) to be refreshed, so you can see that the file has been successfully uploaded. Does anyone have a clue how I would fix this?

If I need to use another code to open the popup, that's fine, I just need help on how to fix this, since I haven't been able to find the answer myself.

Thanks in advance!

I'm implementing that stupid Cookie Law thing here in the UK, but I can't get the popup to close on click in IE. Every other browser is working fine. Any one know the fix?

Code:

<style type="text/css">
<!--
#eucookielaw { display:none }

#note {
    position: fixed;
    z-index: 101;
    bottom: 0;
    left: 0;
    right: 0;
    background: #98FB98;
    text-align: center;
    vertical-align: middle;
    color: #2C2C2C;
    line-height: 2.5;
    overflow: hidden; 
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
}

#note a {
    color: #2C2C2C;
}


#note img {
    vertical-align: middle;
}

#close {
    cursor: pointer;
}

@-webkit-keyframes slideDown {
    0%, 100% { -webkit-transform: translateY(-50px); }
    10%, 90% { -webkit-transform: translateY(0px); }
}
@-moz-keyframes slideDown {
    0%, 100% { -moz-transform: translateY(-50px); }
    10%, 90% { -moz-transform: translateY(0px); }
}

.cssanimations.csstransforms #note {
    -webkit-transform: translateY(-50px);
    -webkit-animation: slideDown 2.5s 1.0s 1 ease forwards;
    -moz-transform:    translateY(-50px);
    -moz-animation:    slideDown 2.5s 1.0s 1 ease forwards;
}

.cssanimations.csstransforms #close {
  display: none;
}
-->
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
function SetCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+";path=/"+((expiredays==null) ? "" : ";expires="+exdate.toUTCString())
}
</script>

<div id="eucookielaw" >
<div id="note">
    <img src="/images/cookie_sm.png" alt="Cookie" border="0"> This Site Uses Cookies. &nbsp; :: &nbsp; <a rel="nofollow" href="/terms.php">Learn More</a> &nbsp; :: &nbsp; <a id="close"><u>Close this Message</u> <img src="/images/close_sm.png" alt="Close" border="0"></a>
</div>
<script>
 close = document.getElementById("close");
 close.addEventListener('click', function() {
   note = document.getElementById("note");
   note.style.display = 'none';
 }, false);
</script>
</div>
<script type="text/javascript">
$("#eucookielaw").show();
SetCookie('eucookie','eucookie',365*10)
</script>

Example he

No Claims Discount Insurance | Car, Home, Bike and Health No Claims Bonuses

I have the code below in my popup window which currently brings up a blank page in the background as the main window. Instead I want the popup to come up but the original page I left is in the background as the main window. Does anyone know how I can do that with the code I currently have.
Code:

<html>
<head>
 <title>JavaScript Popup Example 3</title>
</head>
<script type="text/javascript">
function poponload()
{
    testwindow = window.open("", "mywindow", "location=0,status=0,scrollbars=0,width=350,height=400");
    testwindow.moveTo(0, 0);
  testwindow.document.write('<h1>Get outta here!</h1><a href="javascript:void(0);" onclick="window.opener.history.go(-1); self.close();">Parent back button</a>');
testwindow.focus();
}
</script>
<body onload="javascript: poponload()">
</body>
</html>

How to center javascript popup without css? Cant get close button working(wrong position and dosen't close popup).
Code:

<script language="javascript">
function openPopup(a, b, c){//a = url, b = width, c = height
	
	var pOverlay,
		pContent,
		pClose;
		
	pOverlay = document.createElement('div'); 
	pOverlay.className = 'popupOverlay';
	pContent = document.createElement('div'); 
	pContent.className = 'popupContent';
	pClose = document.createElement('div'); 
	pClose.className = 'popupClose';
	document.body.appendChild(pOverlay);
	document.body.appendChild(pContent);
	
	var myRequest = new ajaxRequest();
	
	myRequest.open('GET', a, true);
	myRequest.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
	myRequest.send(null);
	
	myRequest.onreadystatechange = function(){
		
		if(myRequest.readyState == 4 && myRequest.status == 200){
			pContent.innerHTML = myRequest.responseText;
		}

	}
	
}
</script>

Code:

<style type="text/css">
.popupOverlay {
	background: #000000;
	opacity: 0.8;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 1001;
}
.popupContent {
	background: #333333;
	border: 2px solid #DDDDDD;
	box-shadow: 0px 0px 20px #999999;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 5px;
	z-index: 1002;
	overflow: auto;
	word-wrap: break-word;
	color: #FFFFFF;
	/*height: 300px; width: 500px;*/
}
.popupClose {
	background: url('images/closePopup.png') no-repeat;
	width: 32px; 
	height: 32px; 
	cursor: pointer;
}
</style>

this is quite embarrasing as i've done it before, but oh well...

trying to close a window that is opened with a built-in dreamweaver function called MM_openBrWindow(). trying to use this code: PHP Code:
if ($OutsideVisitors == "false") {
  echo '<center><strong><em><font size="4">THERE HAVE BEEN NO VISITORS TO THE WEBSITE TODAY...
  </font></em></strong><br><br><input name="closeme" type="button" id="closeme" 
  value="Close Window" onclick="Window.Close()"; /></center>';
                                 } 


i have also tried: PHP Code:
onclick=javascript:Window.Close() 


it's just not behaving for me. any hints anyone? thanks a bunch!

(the BrWindow() function in DW does open a popup window, so I think the js close() should work. if i remember right, a popup window is a prereq for that function to even work...)

I am trying to execute a simple window.close function to be used in IE8 and IE9, and window.close() doesn't seem to be working. Are there any known fixes?

Hi,

I'm kinda hoping this is possible but haven't found any reference to it...

I have a parent page that opens a popup on click that launches a sidebar navigation on the right of the screen and resizes the parent page. What I am wanting to do is create a second popup (approx 250px high) that opens below the navigation (which is only around 600px high) but I have noticed that even when you have no status bar in the popup windows, they can still end up overlapping because of additional tools or plugins that the viewer has in their browser.

Is there any way to get the popups to butt up against each other instead of overlapping? More like a relative popup?

Any assistance would be appreciated. :-)