Close window link

This needs to be addresed in the page that is popped up rather than the page that contains the link that causes the page to pop up.

I have created a plugin to add a “Close this Window” link to a page that has been popped up from alligator popup or alligator menu popup:

<?php
/*
Plugin Name: Alligator Popup Close Button
Description: Shortcode to create a link to close a page popped up via alligator popup or alligator menu popup.
Author: Michael Atkins
Version: 1.0.0 beta
Author URI: https://cubecolour.co.uk/
License: GPLv3

  Copyright 2015 cubecolour

  Licenced under the GNU GPL:

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation; either version 2 of the License, or
  (at your option) any later version.

  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.

  You should have received a copy of the GNU General Public License
  along with this program; if not, write to the Free Software
  Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
*/

// ==============================================
//  Prevent Direct Access of this file
// ==============================================

if ( ! defined( 'ABSPATH' ) ) exit; // Exit if this file is accessed directly

// ==============================================
// shortcode to add a 'Close this window' link
// usage: [closepopup]
// ==============================================

function cc_close_popup_shortcode( $atts, $content = null ) {

	$closelink  = '<script language="javascript">';
	$closelink .= 'function CloseWindow() {';
	$closelink .= 'window.close();';
	$closelink .= '}';
	$closelink .= '</script>';
	$closelink .= '<a class="popup-close-button" href="javascript:CloseWindow()">Close This Window</a>';

	echo $closelink;
}

add_shortcode( 'closepopup', 'cc_close_popup_shortcode' );

To use this, add a [closepopup] shortcode where you want the link to appear on the page you have created as the popup.

This can be styled as a static button by adding some CSS rules to your child theme’s stylesheet – eg:

a.popup-close-button  {
	background: #444;
	border: 1px solid #fff;
	border-radius: 30px;
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 1;
	padding: 10px;
	position: fixed;
	bottom: 20px;
	right: 50%;
	width: 200px;
	margin-right: -100px;
	text-align: center;
}

a.popup-close-button:hover,
a.popup-close-button:active {
	background: #f660ab;
	color: #fff;
}

Hello. Just started using the plugin. Very cool. However, I don’t understand how the plugin to the close the window is any different than the visitor clicking on the ‘X’.

On the page that pops up, I have a button that links to an underlying page. I didn’t have ‘open in a new window’ checked, so the underlying page opened in the same popup window. I got around this by enabling ‘open in a new window’.

Now, as the other posted noted…the popup window stays behind. It would be amazing if the popup windows closed automatically when following a link that takes you outside of the popup page.

You can also click the window’s × button, but the question asked was how to add a link. This might be useful to make a ‘dismiss’ button or the solution could be tweaked to provide a link at the end of a large amount of text to dismiss the window after the text has been read.