No.3ベストアンサー
- 回答日時:
オブジェクトについて理解する必要があるのでは?
あとは自然につながってくると思いますが。
とりあえずイメージは挿入ではなく変更にして
かきなおしました。
image1.jpgとimage2.jpgを入れ替えます。
いかがでしょう?
//iframe.htm
テキストの制御:<span id="text1">データ</span><br>
画像の制御:<image id="image1" src="image1.jpg"><br>
<hr>
<iframe SRC="src.htm" name="iframe1"></iframe>
//src.htm
<a href="javascript:void()" onMouseOVer="tagTxt=parent.document.getElementById('text1');tmpTxt=tagTxt.innerHTML;tagTxt.innerHTML='新しいテキスト'" onMouseOut="tagTxt.innerHTML=tmpTxt">text</a><br>
<a href="javascript:void()" onMouseOVer="tagImg=parent.document.getElementById('image1');tmpImg=tagImg.src;tagImg.src='image2.jpg'" onMouseOut="tagImg.src=tmpImg">image</a><br>
<a href="javascript:void()" onMouseOVer="tagTxt=parent.document.getElementById('text1');tmpTxt=tagTxt.innerHTML;tagTxt.innerHTML='新しいテキスト';tagImg=parent.document.getElementById('image1');tmpImg=tagImg.src;tagImg.src='image2.jpg'" onMouseOut="tagTxt.innerHTML=tmpTxt;tagImg.src=tmpImg">both</a><br>
完璧できました!ありがとうございます。
スクリプトの当てはめ方が少し分かってきました。
どうもお世話になりまして、大変感謝しております!!
No.2
- 回答日時:
普通にparentというオブジェクトを制御してください
//iframe.htm
<form name="form1">
フォームの制御:<input type="text" name="element1" value="データ">
</form>
テキストの制御:<span id="text1">データ</span><br>
画像の制御:<span id="image1"></span><br>
<hr>
<iframe SRC="src.htm" name="iframe1"></iframe>
//src.htm
<form>
<input type="button" value="form" onClick="parent.document.form1.element1.value='新しい値'">
<input type="button" value="text" onClick="parent.document.getElementById('text1').innerText='新しいテキスト'">
<input type="button" value="image" onClick="parent.document.getElementById('image1').innerHTML='<img src=image.jpg>'">
</form>
丁寧にあるがとうございます!
フォームで作成するボタンはなく、普通の画像リンクではどうなるでしょうか。
//インラインフレーム内
<a href="javascript:;" onMouseOver="setText('text','コメント1');MM_swapImage('main','','images/02.gif',1)">
<img src="images/hogehoge.gif" width="49" height="77" border="0">
</a>
'main'や'text'を、'parent.document.main''parent.document.text'や、'parent.main''parent.text'にしてみるのはぜんぜん効果なかったです。
No.1
- 回答日時:
どのようにしたいのかよくわからないので
とりあえずアドバイスという事で・・・・・
JavaScriptでインラインフレームから親にアクションを
起こす場合は、
parent.*****
でいけます。
この回答への補足
基本スクリプトは以下です。
<script language="JavaScript" type="text/JavaScript">
<!--
function setText(tagName,theText)
{
if (document.all) window[tagName].innerText = theText;
if (document.layers)
{
document[tagName].document.open("text/html");
document[tagName].document.write(theText);
document[tagName].document.close();
}
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
//-->
</script>
宜しくお願いします!
ありがとうございます!
parentというのは知っているのですがどこに使うのかよく分かりません。
//親ウィンドウ
<img src="images/hogehoge.gif" name="main" id="main"><span id="text" name="text>初期コメント
</span>
//インラインフレーム内
<a href="javascript:;" onMouseOver="setText('text','コメント1');MM_swapImage('main','','images/02.gif',1)">
<img src="images/hogehoge.gif" width="49" height="77" border="0">
</a>
'main'と'text'を、操作の指定箇所にしているのですが、
'main'や'text'を、'parent.document.main''parent.document.text'や、'parent.main''parent.text'にしてみるのはぜんぜん効果なかったです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- モニター・ディスプレイ パソコンでスクリーンショットしたもの(HP)を印刷しました。 3 2022/07/03 16:39
- その他(ソフトウェア) Figma 1 2023/06/23 14:22
- その他(OS) Windowsで大量の画像サイズを半自動で変更する方法 6 2023/02/17 08:45
- Windows 10 2つのウィンドウ選択時の表示について 10 2023/07/25 08:48
- その他(パソコン・周辺機器) デバイスのペアリングのウィンドウサイズがおかしい 1 2023/01/18 18:48
- HTML・CSS 別サイトのHTML内にある情報を自動取得して、自分のサイトに組込む方法を教えてください。 例えば、Y 1 2023/06/15 08:09
- Word(ワード) Microsoft Word2023で、修正箇所を表示させたい 1 2023/02/09 10:07
- その他(OS) MacのFinder操作について 2 2022/07/13 07:29
- マウス・キーボード real vnc viewer で遠隔先で操作が出来ない。 2 2023/07/24 15:00
- その他(IT・Webサービス) サイト上のフォルダ階層一覧、ファイル一覧を閲覧する方法は? 1 2022/11/11 15:49
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
クリックさせたいが、click()が...
-
javaScriptの変数をJavaの変数...
-
onclickが動作しない
-
追加ボタンを押した際に ok ボ...
-
コードレビューをお願いします。
-
小窓が残像を残して移動
-
開いた子ウィンドウにあるボタ...
-
SendKeys()が一番最後に実行さ...
-
クリック→テキストボックスに追加
-
ボタンをクリックするとテキス...
-
formのfileの値をhiddenでも持...
-
テキストフィールド未入力の場...
-
データバインド機能でand検索を...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
value内に変数を入れたい
-
プルダウン選択を変更すると、...
-
【jQuery】input nameの文字列...
-
新しくフォルダを作成したい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
iOSのみダブルタップが必要
-
onclickが動作しない
-
追加ボタンを押した際に ok ボ...
-
ボタンかリンクをクリックする...
-
innerHTML内では改行は禁止?
-
クリックさせたいが、click()が...
-
javaScriptの変数をJavaの変数...
-
formのfileの値をhiddenでも持...
-
JavascriptでDOM-based XSSの発...
-
クリックでテーブル内の背景色...
-
VB.NETで<Input>タグ、<text...
-
jQueryで設定したイベントハン...
-
開いた子ウィンドウにあるボタ...
-
javascriptで作成されたテーブ...
-
HTMLのテキストボックスへのド...
-
JavaScriptのfileオブジェクト...
-
テキストフィールド未入力の場...
-
オンクリックで現在時刻の取得→...
-
JSのボタンを複数う使うには
おすすめ情報