Confirm Leave on External Links in Wordpress

Question

Here\'s the situation:

• This is a bank website, so when a user clicks an external link (perhaps to a Facebook page or a partner website), there needs to be a

Answer 1

I couldn't get confirm() to work. But, thanks to the following Q&A's, I've made an alternative:

• Open external link in new window and track outbound click event
• JQuery confirm dialog
• WordPress, jQuery UI CSS Files?
• Are there hosted jQuery UI themes anywhere?
• Why jQuery UI 1.10 remove jquery dialog zIndex option?

You can apply the code in the theme's functions.php, but it's better to make a plugin for that.

add_action( 'wp_enqueue_scripts', 'enqueue_scripts_so_22382151' );
add_action( 'wp_header', 'print_header_so_22382151' );
add_action( 'wp_footer', 'print_footer_so_22382151' );

/**
 * Enqueue jQuery Dialog and its dependencies
 * Enqueue jQuery UI theme from Google CDN
 */
function enqueue_scripts_so_22382151() {
    wp_enqueue_script( 'jquery-ui-dialog', false, array('jquery-ui','jquery') );
    wp_enqueue_style( 'jquery-ui-cdn', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/dot-luv/jquery-ui.min.css' );
}    


/**
 * Print Dialog custom style
 */
function print_header_so_22382151() { 
    ?>