ブログ

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
〒598-0021 大阪府泉佐野市日根野7001-2
TEL.072-425-7218(代表)
WEB.https://blow-in.net
  • フェイスブックアカウント
  • インスタグラムアカウント
  • ツイッターアカウント
ブランディング・ネットショップ事業かつらぎフルーツ
〒649-7151 和歌山県かつらぎ町東渋田325-4
TEL.0736-26-8277
WEB.https://katsuragi.shop
  • フェイスブックアカウント
  • インスタグラムアカウント
  • ツイッターアカウント
飲食店事業パンケーキカフェ cafeblow
〒598-0021 大阪府泉佐野市日根野3926
TEL.090-5127-9187
WEB.https://cafeblow.com
  • フェイスブックアカウント
  • インスタグラムアカウント
  • ツイッターアカウント
  • line@アカウント
事業別サイト