プロが教えるわが家の防犯対策術!

前回…http://oshiete1.goo.ne.jp/qa4475723.html

<a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a>

形式の画像のランダム変更の仕方を教えて頂いたのですが、聞きそびれた質問があったので、質問させて頂きます。

<iframe src="XXX.html" frameborder="no" scrolling="no"></iframe>

こういった形のフレーム形式の画像をランダムで表示させる場合はどうしたらよろしいでしょうか?

また
<a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a>
形式のランダム表示と混ぜて表示させる方法をどのようにしたらよろしいのでしょうか?

今回はこちらのサイトも参考にさせて頂きました。
http://www.red.oit-net.jp/tatsuya/java/

A 回答 (1件)

>フレーム形式の画像をランダムで表示させる場合はどうしたら~~


フレームのソース(XXX.html)に同じ方法で書くのが一番簡単。
親から制御する場合は、imgの指定を
 document.「Frame」.「img」の順で指定すればOK
「Frame」の指定は、
 getElementsByTagName('iframe')[0]
とするか、frameタグにidやname指定があれば
 getElementById('id')
 getElementsByName('name')[0]
でも可能です。
「img」の指定方法も同様です。

>混ぜて表示させる方法をどのようにしたら~~
ランダムに表示のタイミングが不明ですが、onload時に行うだけなら、まとめて連続して処理するか、あるいは、別々のhtmlのソースに記述するのであればそのままで別々に実行されます。
ボタンを押すなどのアクションに伴って表示する場合は、その処理の中で両方を行えばよいはず。

この回答への補足

このように書いたのですが表示されなかったのですが、どう違うのでしょうか?

<script type="text/javascript">
var simg = [
"<iframe src=\"XXX\" frameborder=\"no\" scrolling=\"no\"/>,
"<iframe src=\"XXX\" frameborder=\"no\" scrolling=\"no\"/>,
];

document.write(getElementsByTagName('iframe')[0]+simg[Math.floor(Math.random() * simg.length)]);
</script>

<混ぜて表示する

言葉足らずでしたね
<a href="XXX" target="_blank"><img src="XXX.jpg" border=0></a>

<iframe src="XXX.html" frameborder="no" scrolling="no"></iframe>

この両方の形式を一緒に表示させたかったのですが無理なのですね

補足日時:2008/12/02 15:43
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!