meta refreshを使わずに自動でリンクに飛ばす方法
1年以上前の記事です。内容が古い可能性があります。
CGIスクリプトの仕様で、1つのHTML内に2つ分のページ要素を入れ込み、
最初1ページ目を表示させ、一定時間で2ページ目を表示(移動)させなければならなくなった。
なお、前提としてウインドウサイズは固定であることが必要。
もちろん使うのはJavascriptです。
以下スクリプト。
gonext = setTimeout("jumpseyo()", 5000);
function jumpseyo() {
location.href='#jumppoint';
clearTimeout(gonext);
}
非常にカンタンです。
最初の行で5秒後にjumpseyo()が呼び出される設定をします。
jumpseyo()でリンクをアンカー部に移動させ、設定を解除させています。
ちなみに、この前ActionScriptで使ったsetIntervalを使っても同様にできます。
(setTimeoutをsetIntervalに、clearTimeoutをclearIntervalに変えるだけ)
これで、5秒後にアンカー部分にリンクが移動するために、固定サイズのウインドウ上ではページが切り替わったかのように表示されます。
せっかくなので何故そういうスクリプトが必要になったのかを説明します。
実は今、某サイトでクイズを作っていまして、
「ガンダムカルトQQQ(MIDI-CG-SOFT-総合サイト)」さんで配布している
「QQQ SYSTEMS」がベーススクリプトとなっているのですが、
こちらのスクリプトでは回答後の解説ページと次の問題のページが、
1ページになってしまっているからだったりします。
単純にアンカーリンクを入れるという方法もありますが、
自動で次の問題が表示されたほうがというデザイナーからの希望もあって、
一苦労したというわけです。
しかし、最近はすばらしいスクリプトがところかしこで無料で手に入りますね。
EC(イーコマース)サイトやソーシャルネットワーキング(SNS)なんかもあっという間です。
□EC-CUBE‐日本発の「ECオープンソース」(ECサイト)
□OpenPNE(SNS)
アドセンス広告メイン
関連記事
-
-
全角英数字を半角にしてくれる「Google Chrome」のアドオン「さよなら全角英数」
1年以上前の記事です。内容が古い可能性があります。かみさんがうれしそうにメール送 …
-
-
ツイッター(Twitter)のUIがリニューアル。ハッシュタグが前面に?
1年以上前の記事です。内容が古い可能性があります。昨日よりツイッターがデザインリ …
-
-
Safari
1年以上前の記事です。内容が古い可能性があります。G5についてる標準ブラウザのS …
-
-
SE(システムエンジニア)やPG(プログラマー)が「ほぼほぼ」を口癖にする理由
1年以上前の記事です。内容が古い可能性があります。知り合いの女子に「若干(じゃっ …
-
-
「マルチ充電ケーブル」の使用経過報告
1年以上前の記事です。内容が古い可能性があります。iPhoneの充電用ケーブルの …
-
-
背景(バックグラウンド)のイメージをモニター(ウインドウ)のサイズによって変える(レスポンシブルデザイン)Webサイトの作り方【CSS3コーディング】
1年以上前の記事です。内容が古い可能性があります。今、作っている某総合福祉センタ …
-
-
学校(パソコン教室等)でFC2ホームページにアクセスできなくなった場合の対処法
1年以上前の記事です。内容が古い可能性があります。個人で行っているマンツーマンの …
-
-
perlプログラミング
1年以上前の記事です。内容が古い可能性があります。perlプログラミングを初体験 …
-
-
直帰率は40%を基準にキーワード単位で考えよう
1年以上前の記事です。内容が古い可能性があります。Googleが提供しているAn …
-
-
「Windows 7」凄ぇ!プリンター、繋げばすぐに使えます
1年以上前の記事です。内容が古い可能性があります。「Windows 8」が巷を賑 …







