去記事続くぜ!


!!この記事は2017/12/06に別のブログで書いたものを再掲したものです。

書くことないから適当に身の回りのことをピックアップ

クソ妄想垂れ流しにおいて、あとがきや最終話を読んだ後に「TOPに戻る」を押すとトップページの画像が変わるの知ってる?あ、知らない・・・。そうですか・・・。すみません・・・。

JavaScriptとかPHPとかそういうのを使わない静的なページであれば、もう1つ画像を変えたhtmlを用意して最終話の「TOPに戻る」のリンクをそのhtmlにしたりとかすれば容易に実現できるけれども、それはめんどいよね。トップに変更があったらそっちも直さにゃならんし。

じゃあPHPでトップページを動的に変えるのもいいけど、無料PHP使えるレンタルサーバは増えてきているとは言え選択肢は少ないし、PHPとかよく分からん。
ほならJavaScriptでやったりましょう。

Cookieかクエリストリングに遷移情報を埋め込めばいいだけの話やで。
クエリストリングの場合、画面を変えたい時には「TOPへ戻る」のURLに遷移情報をつけて、遷移先でその値に応じて画像を変えればいいだけ。

仕組みとしては全然難しいことはやってない。
トップページがtop.htmlという名前の場合、上が普段の「TOPへ戻る」で下が最終話の「TOPへ戻る」のリンク


<a href="http://homepage/top.html">

<a href="http://homepage/top.html?v">

最終話の方は「?v」っていうのがついてるが、この余計な部分がついててもtop.htmlが表示される

そんでページを読み込んだ後にjavascriptで「?v」の部分を取得して画像を変えたりしているわけですよ
Cookie使うのも同様。そんだけ

自分で読み返しても全然説明になってないなコレ
興味があったらワイのクソ妄想のトップ開いて「右クリック->ページのソースを表示」でソース見てくれ
上らへんに書いてるから
onloadイベントで発火している。

ソースは後日解説する