確認用アラートを表示するメモ

      2014/09/18

http://example.com以外のサイトにアクセスするときにこの先はうちのサイトじゃないけどそれでも飛ぶ?みたいな確認用アラートを一枚かませたいときに使用したのでメモ。

使い方としては投稿1記事につき1サイト紹介している状態。
例)タイトルにサイト名、本文に紹介文、カスタムフィールドにurlを作り、そこのサイトのアドレスを入力している、…という感じ。

<script type="text/javascript">
<!--
		function gaibu(strLink) {
			if(strLink.length>0) {
				if(strLink.indexOf("http://example.com")==-1) {
					if(confirm('この先のページは外部サイトです。移動しますか?')) {
						window.open(strLink, '');
					}
				} else {
					window.open(strLink, '');
				}
			}
			return false;
		}

// -->
</script>
<span style="cursor: pointer" onclick="gaibu('<?php echo get_post_meta($post->ID,'url', true);?>')"><?php echo get_post_meta($post->ID,'url', true); ?></span>

aタグのリンクじゃなくてjavascriptのonclickを使ってクリック時に指定したサイトのアドレスかそうじゃないかを判別してます。
分岐はうまくいってるけど気持ち的にはなんかモヤモヤ。もっとスマートな方法はないものかな。

0

 - javascript, WordPress