下記のソースは「読み込み」ボタンを押した時にあらかじめ用意してた<div id="box">にインラインフレームを代入し、「値取得」ボタンを押したら、'sample.html'内のdivの値「keisan」をアラートで表示する記述です。このソース内容を、ボタンのイベントで「keisan」の値を取得するのではなく、<body>のonLoadでページを開いた瞬間にアラートが
出るようにしたいのですが、お分かりになる方はいらっしゃいますでしょうか?
わかりにくい説明ですみません。どうかよろしくお願いします。
<html>
<head></head>
<body>
<div id="box"></div>
<input type="button" value="読み込み" onClick="Details.changeURL('sample.html')" />
<input type="button" value="値取得" onClick="Details.showMessage('keisan')" />
</body>
<script type="text/javascript">
<!--
var Details = (function(){
var handle = document.getElementById('box');
var buffer = null;
return {
changeURL: function(url){
handle.innerHTML = "<iframe src=\""+url+"\" id=\"ifr\"></iframe>";
},
showMessage: function(id){
buffer = document.getElementById('ifr').contentWindow.document;
alert(buffer.getElementById(id).innerHTML);
}
}
})();
//-->
</script>
</html>
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
onloadでやるなら、わざわざスクリプトで書き換える必要もないので…
<div id="box">
<iframe src="sample.html" onload="
alert(this.contentWindow.document.getElementById('keisan').innerHTML);
"></iframe>
</div>
とか?
ご連絡遅くなって申しわけございません!お忙しい中、ご回答いただきましてありがとうございました!
今回の質問事項が納期直前の案件で私のレベルじゃとても解けない難題でございまして(><)!
本当に助かりました!
iframeの中にinnerHTMLの記述ができるなんてfujillinさんに
教えていただかなかったら、想像もできませんでした!
また機会がございまいたらご教授よろしくお願いします。
No.1
- 回答日時:
handle.innerHTML = "<iframe src=\""+url+"\" id=\"ifr\"></iframe>";
を
handle.innerHTML = "<iframe src=\""+ url +"\" id=\"ifr\" onload=\"Details.showMessage('keisan');\"></iframe>";
とし、
<body onload="Details.changeURL('sample.html')">
とすれば?
ご連絡遅くなって申しわけございません!お忙しい中、ご回答いただきましてありがとうございました!
今回の質問事項が納期直前の案件で私のレベルじゃとても解けない難題でございまして(><)!
本当に助かりました!
BODY onLoadでまずHTMLソースを表示させる関数を実行し、
iframeでさらにIDを取得できるonLoadできるとは…
私の思考回路及び処理能力ではとても思いつかない記述で
感動いたしました。本当に感謝いたします。
また機会がございましたら御教授よろしくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptでスタイルを動的に...
-
URL末尾に特定の文字を含む場合...
-
javascriptテキストBOX色を元に...
-
[急ぎ] videoタグで埋め込んだm...
-
checkboxにチェックを入れると...
-
mysqlのINSERT文の重複回避の条...
-
jTweetsAnywhereでハッシュタグ...
-
HTMLとJavaScriptで作ったタイ...
-
マウスオーバーにてdivの切り替え
-
UWSC(マウス自動化ソフト)に...
-
10秒後に1秒ごとに1行づつ表示...
-
123456789の順番の並...
-
テキストボックスに入力された...
-
スタイルシートで画面を上下に...
-
JavaScript スライドの画像にリ...
-
textareaに画像を表示したい
-
アコーディオンメニューの開閉制御
-
キャラクターがぴょこんと飛び...
-
OpenCV での画素値の比較について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
HTMLタグに複数のクラスを設定...
-
変数名をどのようにつけるのが...
-
401エラードキュメントを401.ht...
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
タブで開いてさらにタブ内をア...
-
createElementで作成した要素を...
-
removeEventListenerについて
-
表示・非表示のスクリプトで、...
-
HTMLとJavaScriptで作ったタイ...
-
HTMLとJavaScriptで作ったタイ...
-
getElementByIdの戻り値がnull...
-
指定したパスが現URLに含まれて...
-
[急ぎ] videoタグで埋め込んだm...
-
IFRAMEの表示/非表示を切り替え...
-
iframe内のリンクが飛ばないの...
-
removeAttribute()メソッドで削...
-
背景色を透明化
-
jQueryで同じid属性が複数あっ...
おすすめ情報