ブログ

WEB制作に関する技術情報やサンプルコードからエクセルや
パワーポイントのお役立ち情報まで幅広くご紹介しています。

パラメーター付のアクセスの際にColorBoxを自動実行する

あけましておめでとうございます。
本年もどうぞよろしくお願いいたします。

新年1発目ですが、最近よく使うものを備忘録としてエントリーします。
それは、URLに特定のパラメーターが付いていた場合、JqueryのColorBoxを自動的に実行する方法です。

要は、以下ような感じです。
パラメーター無しの場合(index.html):ColorBoxの自動実行無し
パラメーター付きの場合(index.html?para=hoge):ColorBoxを自動実行

以下が、コードです。

<script type="text/javascript">
var para = location.search;	//変数paraにURLのサーチ情報を格納
if(para == "?pop=hoge"){	//変数paraが「?pop=hoge」の場合にのみ以下を自動実行
	$('.hoge_pop').colorbox({inline:true,innerWidth:"900",innerHeight:"600",open:true});
}
</script>

別にパラメーターでなくてもいいですけどね。
Google Analyticsで解析もできるので、今回はパラメーターにしています。

投稿日
2014年1月7日
カテゴリー
JavaScript
  1. パラメーター付のアクセスの際にColorBoxを自動実行する[改] | blog|blow→in さん (2015年1月30日 13:08)

    […] 以前、ご紹介しました「パラメーター付のアクセスの際にColorBoxを自動実行する」ですが、Googleの「URL 生成ツール」などで生成したURLのように他のパラメーターが付いていると正常に動 […]

コメントを残す

デザイン&メディア事業blow→in
[商工会議所オフィス]
大阪府泉佐野市市場西3-2-34-306
TEL.072-493-3358(代)
[日根野オフィス]
大阪府泉佐野市日根野3963-3-403
TEL.072-468-8786
アパレル&プリント事業DIGMO
HANDPURI
大阪府泉佐野市日根野4036-1
TEL.0120-610-322
ブランディング事業かつらぎフルーツ
和歌山県かつらぎ町東渋田325-4
TEL.090-3612-3401
飲食店事業cafeblow
大阪府泉佐野市日根野3963-3
TEL.090-5127-9187