javascript WordPress

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

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を使ってクリック時に指定したサイトのアドレスかそうじゃないかを判別してます。
分岐はうまくいってるけど気持ち的にはなんかモヤモヤ。もっとスマートな方法はないものかな。

  • この記事を書いた人

ゆず

■忘れないように自分の覚書と、誰かも困っているかもしれないので参考になればいいなくらいの軽い備忘録です。
■サイト運営費のためGoogleAdsenseをいれています。
giftee / ko-fi / mail

1

outlookを最小化すると勝手に終了してしまうと相談されたけど実はそれ勝手に閉じてるわけじゃなくて、おそらく「最小化時にアイコン化する設定」になってるんや・・・。 outlookの最小化時の設定を変 ...

2

前提 自分用ブックマークサイトとして使用しているてがろぐに、いいねボタンをつけようという狙いです。なので、てがろぐのセットアップは終了し稼働しているものとします。 配布ページのマニュアルを参考に進めま ...

3

感想をもっと手軽に、お気軽に。 https://labo.01kawa.com/kansou 素敵なフォロー、フォロワー、創作作家さんに作品の感想を送りたい…!が、語彙力がないという方向けの感想メーカ ...

-javascript, WordPress