前回…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件)
- 最新から表示
- 回答順に表示
No.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>
この両方の形式を一緒に表示させたかったのですが無理なのですね
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- Perl 画像が表示でnull; this.src 1 2022/04/19 11:31
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
①入力フォーム→②確認表示画面→③...
-
GASでGoogleフォームの自動返信...
-
読み込んだQRコードをフォーム...
-
ジャバスクリプトについて。
-
セレクトを全て選択されていな...
-
ローディングアニメーションの...
-
GASでチェックボックスを一括of...
-
GASに文字列として関数を入れる...
-
初心者です。gulpでコンパイル...
-
var exports = exports || {}; ...
-
ボタンを押したあとに画像を表...
-
IndexedDB を使ってファイルア...
-
React hooksが値を返して配列変...
-
Google scriptについて 至急scr...
-
スマホ上で、左右スワイプで次...
-
ブックマークレットについて
-
jsで、配列内の文章を改行する...
-
追加ボタンを押した際に ok ボ...
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
二次元配列を使って順位をだす...
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
iOSのみダブルタップが必要
-
ジャバスクリプトについて。
-
画面遷移を行わずに同一ページ...
-
特定の文字列を複数抜き出した...
-
指定時間になったら、WEBサイト...
-
追加ボタンを押した際に ok ボ...
-
①入力フォーム→②確認表示画面→③...
-
スマホ上で、左右スワイプで次...
-
読み込んだQRコードをフォーム...
-
フロントエンドフレームワーク...
-
React hooksが値を返して配列変...
-
GASでGoogleフォームの自動返信...
-
初心者です。gulpでコンパイル...
-
階層別の組織図の自動作成について
-
HTMLで作った時報アプリが動き...
-
jQueryで同じクラス名のものを...
おすすめ情報