- ベストアンサー
ページ読み込み時ランダムで画像を切り替える！
こんにちは。 http://hokuto.to/ 上記のサイトに「北斗占い」というコンテンツがあります。クリックするとページ読み込み時に画像をランダムに表示するというページに遷移するのですが、このページにおける画像の切り替え方が分からないのです。 通常、ランダムな画像切り替えはJavaScriptや、サーバサイドのプログラムで行うと思いますが、このページにはスクリプトタグやCGIなどのプログラムを実行している形跡が見つけられませんでした。 どのようにランダムな画像の表示を実装しているのでしょうか？ どなたか御教示下さい。 宜しくお願いします。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
＃２です。 メニューの【北斗占い】をクリックすると[urn.html]が開きます。 最初に開いた[urn.html]にはJavaScriptが記述されていて 占いの結果として表示する[urn.html]のソースを生成し、[urn.html]を書き換えています。 メニューページと占いページのソースを表示してみると前者はタグごとに改行されていて後者は改行されていない。 後者はJavaScriptのdocument.writeで書かれているような気がします。 ページ自体のソースを書き換えるには下記のようなソースになります。 <html><head> <script language="JavaScript"> function newpage(){ window.document.write("<html><head></head><body>new page</body></html>"); } </script></head> <body> <a href="#" onclick="JavaScript:newpage()">change</a> </body></html> 表示された[change]をクリックすると[new page]と表示されます。 [new page]のソースを表示すると <html><head></head><body>new page</body></html> となります。
その他の回答 (3)
ひとつ書き忘れました。 動作を確認するためにリンクをクリックしたらページを書き換えるようにしています。
メニューのソースに書かれたURLと実際に表示されているURLが同じなので、[urn.html]というページに記述されたJavaScriptなどでページ自体のソースを書き換えているような気がする
お礼
ご回答ありがとうございます。 ぱっと見た限り<script>タグが入っていないため、urn.htmlにはJavaScriptが入っていないような気がするのですが、<script>タグが無くてもJavaScriptは記述できるのでしょうか？？
htmlという名のCGIとは考えないのだろうか・・・・・ SSIとかのような気がする
お礼
ご回答ありがとうございます。 CGIならば呼び元のメニュー画面から～.cgiを呼びますよね？ メニューからリンクしているのはura.htmlなのでcgiとかでは無いと思いました。 SSIであればリンク先URLが～.shtmlになるんですよね？ そうはなっていないようです…。
お礼
なるほど！ 確かにその方法であればページをまるまる書き換えることができそうですね。 ありがとうございました。 ためになりました。