iframe越しに文字をインプット

2023/10/12 16:18

このQ&Aのポイント

クリックした文字をiframe内のテキストボックスに入れる方法を教えてください。
iframeの特殊な指定方法や親ウィンドウへのアクセス方法がわかりません。
サンプルコードには「parent」という記述がありますが、その意味が理解できません。

ベストアンサー

iframe越しに文字をインプット

2002/07/20 09:59

クリックした文字をifame内のテキストボックスに入れたいのですが、うまく動きません。iframeの特殊な指定のしかたなどあるのでしょうか？よくわからないところ：「parent」はとりあえず入れてみただけ。 (^^; 【sample1.htm】 <A href="javascript:function voi(){};voi()" onclick="parent.document.fm1.Title.value='やったね'">転記</A> <IFRAME NAME="Frame1" WIDTH=800 HEIGHT=500 SRC="sample2.htm" STYLE="position:absolute;top:50px;left:5px;"></IFRAME> 【sample2.htm】 <form name="fm1"> <INPUT TYPE="TEXT" NAME="sample" SIZE="12"> <form>

s-holmes
お礼率47% (767/1609)

JavaScript
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

FlossenEngel
ベストアンサー率77% (132/170)

2002/07/20 12:20 回答No.1

onclick="document.Frame1.fm1.sample.value='やったね'" ですね。

質問者

お礼 2002/07/20 16:42

回答ありがとうございました。未熟ですみません。 (^^; ＃一生かかっても覚えきれぬ。

関連するQ&A

【JavaScript】iFrame内submit
JavaScriptで、iFrame内のFormをsubmitする方法を教えてください。条件： iFrameに読み込むページは千差万別で、FormにIDもNameも設定されていない状況（ただし、必ずFromは１つ）で、そのiFrame内のフォームをsubmitする方法。 Form名がわからないですから、getElementsByTagName("form")[0]で呼び出すしかなさそうなんですが、（iFrameの名前を"ifl"とします）iFrameの外に置いた空アンカーで <a href="#" onclick="parent.ifl.getElementsByTagName(\"form\")[0].submit()">iFrame内をsubmit</a> としても <a href="#" onclick="document.ifl.getElementsByTagName(\"form\")[0].submit()">iFrame内をsubmit</a> としてもうまく動きません(；´Д｀) どういうエラーが出てるのか知りたかったので、onclick内部を外出しして、try-catchでくくり function pushSubmit() { try { eval("parent.ifl.getElementsByTagName(\"form\")[0].submit()"); } catch(e) { alert(e); } } としてから、pushSubmit()を空アンカーで実行すると、エラーは「Error: Permission denied for <file://> to get property Window.getElementsByTagName」と返ってきます。もう、どうにも突き当たってしまいました・・・どなたか光明を差して下さい・・・orz
- ベストアンサー
- JavaScript
iframe の動作がうまくいかない
http://personal.okwave.jp/qa3883201.html 先ほどこちらで質問したものですが、少しいろいろとわかりましたので、それを踏まえて改めて質問させてください。（上記ＵＲＬは無視でも結構です）あの子の生年月日は？<br> <a href="sample/iframe_a1.htm" target="sample">A1．2000年3月9日</a><br> <a href="sample/iframe_a2.htm" target="sample">A2．2000年9月3日</a><br> <a href="sample/iframe_a3.htm" target="sample">A3．2000年3月9日</a><br> <a href="sample/iframe_a4.htm" target="sample">A4．2000年9月3日</a><br> <iframe src="sample/iframe_q.htm" name="sample" width="200" height="150"> </iframe> リンク先が全て同一サイト内に指定してあります。これは正常に作動します。ところがリンク先に全く別サイトＵＲＬをからめると、IE6.0でうまく作動しません。（切り替えが途中でできなくなる）同じものを Firefox で確認すると、切り替えがちゃんとできます。これをIE6.0でもできるようにしたいのですが、どのようにすればよいでしょうか？よろしくお願いします。
- ベストアンサー
- HTML
クリック→レイヤー→インプット？
下記のようなことができるシンプルなサンプルを探しています。 <A HREF="javascript:function voi(){};voi()" onClick="hogehoge()">クリック</A> <INPUT TYPE="TEXT" NAME="都市名" SIZE="12"> 上記の「クリック」をクリックすると、windowではなくレイヤー画面が見え、そこに <A HREF="javascript:function voi(){};voi()" onClick="input()">東京</A><BR> <A HREF="javascript:function voi(){};voi()" onClick="input()">大阪</A><BR> <A HREF="javascript:function voi(){};voi()" onClick="input()">京都</A><BR> という内容が表示され、クリックすると、「都市名」のテキストボックスに入る。レイヤーは消える。クリックするとテキストが入るなどの部分は、私でもできますが、レイヤーをどう表示するかという部分がちんぷんかんぷん。＃レイヤーの説明もちょっとあやしいかもしれません。
- ベストアンサー
- JavaScript
iframe内でのスクロールについて
iframeに関する質問です。 iframe内のみアンカーでスクロールしたいのですが、iframe含めページ全体がスクロールしてしまいます。 sampleファイルとして質問したい部分を抜粋したものを下記を記載します。 ◆index.html(親html) ◆01.html(iframe含む子html) ↓ ◆index.html <ul> <li><a href="01.html#Aarea" target="inline">子htmlのAへスクロール</a></li> <li><a href="01.html#Barea" target="inline">孫htmlのBへスクロール</a></li> <li><a href="01.html#Carea" target="inline">孫htmlのCへスクロール</a></li> </ul> <iframe src="01.html" id="inline" name="inline" width="300px" height="300px"></iframe> ◆01.html <div name="Aarea" id="Aarea" style="background:#00F; width:300px; height:300px; color:#CCC;"> <p>A area</p> </div> <div name="Barea" id="Barea" style="background:#9C0; width:300px; height:300px; color:#CCC;"> <p>B area</p> </div> <div name="Carea" id="Carea" style="background:#C36; width:300px; height:300px; color:#CCC;"> <p>C area</p> </div> これを実行した際に親であるindex.htmlもスクロールしてしまいます。以前にも似た質問がされていましたが、対処方法が思っていたものと違っていた為質問自体重複してしまうかもしれませんが質問するに至りました。完全にiframe内のみをスクロールさせる方法はありますでしょうか。よろしくお願いします。
- 締切済み
- HTML
クリック→テキストボックスに追加
下記は、クリックすると、テキストボックスの文字が入れ代わります。こうでなく、「どれどれそれからどうした」と追加していくようにするにはどうしたらよいでしょうか？ <A HREF="javascript:function voi(){};voi()" onClick="document.myform.bun.value='どれどれ'">どれどれ</A><BR> <A HREF="javascript:function voi(){};voi()" onClick="document.myform.bun.value='それから'">それから</A><BR> <A HREF="javascript:function voi(){};voi()" onClick="document.myform.bun.value='どうした'">どうした</A><BR> <FORM name="myform"> <INPUT TYPE="TEXT" NAME="bun" SIZE="50"> </form>
- ベストアンサー
- JavaScript
iframe内のformをサブミットする方法について
標題の件について、いろいろ試しているのですが、iframe内のフォームをサブミットできません。わかる方いましたら教えていただけないでしょうか。以下に試しているソースを記述します。宜しくお願い致します。 ○ボタン押下時、ifrのform1をサブミットさせる。 <body> <iframe name="ifr" id="ifr" style="display:none"> <form id="form1" name="form1" id="form1" method="post" action="http://192.168..."> </form> </iframe> <input type="button" onclick="parent.ifr.form1.submit; " value="送信"/> </body>
- ベストアンサー
- JavaScript
iframeクッキー　あと少しで
またしても立ててしまいました。自分の力ではどうしようも出来ないので、立てたことお許しください。 index.htmlのiframeに最初に表示されているページ　a.html index.htmlの<a>タグリンクでiframe内に表示するページの内、　クッキーによって、更新おしてもiframe内を変えないページ　b.html・c.html 　クッキーを解除し、更新を押すと、a.htmlを表示するページ　d.html・e.html 現在、今までの質問で以下のタグでiframeのクッキーを使用しています。 ************************************************************************** index.html ************************************************************************** <head>内　<script language="JavaScript" src="/standard.js"></script> 　<script></script>　　これは、iframeの高さ可変のタグです <body>内　<a href="b.html" onclick="setCook(this.href)">ｂ</a> 　<a href="c.html" onclick="setCook(this.href)">ｃ</a> 　<a href="d.html" onclick="setCook('')">ｄ</a>　　<a href="e.html" onclick="setCook('')">ｅ</a> <script type="text/javascript"></script> <noscript> <iframe class="tmain" src="a.html" id="iframeId" name="iframe名" frameborder="0" scrolling="no" height="1500"></iframe> </noscript> ************************************************************************** standard.js ************************************************************************** //iframe高さ可変 function getIFrameDocument(aID){ if (document.getElementById(aID).contentDocument){ return document.getElementById(aID).contentDocument; } else { return document.frames[aID].document; } } function GetHeight(ID){ if (document.height) { document.getElementById(ID).style.height = getIFrameDocument(ID).height +20 +"px" ; }else{ document.getElementById(ID).style.height = getIFrameDocument(ID).body.scrollHeight +20 +"px"; } } //iframeクッキー var cook_key = "iframesrc"; window.onload = function(){ } function setCook(arg){ document.cookie = cook_key + '=' + arg + ';'; } user_pref("dom.disable_window_open_feature.scrollbars", true); ************************************************************************** この状態で現在、困っているのは　a.htmlを表示している状態で更新を押すと、iframe内が404になることです。 b.htmlなどで更新を押すと、b.htmlが表示されたままだし、 d.htmlなどで更新を押すと、a.htmlが表示されます。解決方法教えてくださいっ。
- 締切済み
- JavaScript
サブウィンドウ関係のコードの改造
以下に、1、2と二つのHTMがあり、1をベースに、下記の改造をしたいと思います。 (1) 1.htmの小窓を、IEでしか動かないWebページダイアログ（showModelessDialog）でなく、 2.htm にあるような、win.openに変えたいのですが、移植の仕方がわかりません。1.htmをどう書き換えたらいいですか。 (2) 1.htmにあるmyimg.gifの幅(width)を取得して、dialogWidthにセットしたいのですが、その書き方をご教示ください。高さ（height）は、2.htmにある「getScreenHEIGHT()」をそのまんま流用します。 (3) 1.htm に「href="#"」ありますが、「href="javascript:function voi(){};voi()"」などと記述したほうがいいのでしょうか。「voi(){};voi()」なんてどこからコピペしてきたキーワードなのか、自分でもわからないのですが。 1.htm ------------------------ <html> <head> <script> function openKomado(url,winTitle) { var Win=showModelessDialog(url,window, 'center:yes;scroll:no;status:no;help:no;edge:raised;dialogWidth:100px;dialogHeight:100px',winTitle); with (Win.document) { write('<html><head><title>' + winTitle + '</title></head><body>'); write('<img src="' + url + '" onclick="window.close();" alt="閉じる">'); close(); } } </script> </head> <body> <a href="#" onClick="openKomado('myimg.gif','題名')">開く</a> </body> </html> 2.htm ------------------------ <html> <head> <script> function openNewWin(url, name){ window.open(url, name, 'scrollbars=yes,top=0,left='+(getScreenWIDTH()-680)+',width='+680+',height='+(getScreenHEIGHT()+20)); } function getScreenHEIGHT(){ if(!!window.screen){ return screen.height-80; }else{ return null; } } function getScreenWIDTH(){ if(!!window.screen){ return screen.width-12; }else{ return null; } } </script> </head> <body> <a href="#" target="new" onClick="openNewWin('./sample.htm','a'); return false;">開く</a> </body> </html>
- ベストアンサー
- JavaScript
セレクトボックスで選択した内容をテキストボックスへ
こんにちは、初めて質問させて頂きます。現在、下記のような形式で、選んだテキストをテキストボックスに追加する仕様を使っています。これをテキストではなく、プルダウン形式のセレクトボックスで選択できるようにはできないでしょうか？ <A HREF="javascript:function voi(){};voi()" onClick="document.myform.comment.value+='鉄 '">鉄</A><BR> <A HREF="javascript:function voi(){};voi()" onClick="document.myform.comment.value+='アルミ '">アルミ</A><BR> <A HREF="javascript:function voi(){};voi()" onClick="document.myform.comment.value+='塩ビ '">塩ビ</A><BR> <FORM name="myform"> <INPUT TYPE="TEXT" NAME="comment" SIZE="50"> </form> お手数ですが、もし宜しければお知恵をお貸し下さい。
- ベストアンサー
- JavaScript
iframeから別ページへの表示
<li><a href="iexample_a.html" target="example1">上のフレームにサンプル1を表示</a></li> <li><a href="iexample_b.html" target="example1">上のフレームにサンプル2を表示</a></li> <p><iframe src="iexample_a.html" width="300" height="80" name="example1">代替内容</iframe></p> という形で、iframeを作って表示させたのですが、そのiframeの下にボタンか<a href="" "" target="_blank"で、そこをクリックすることで、その表示画面を別のページに表示させたいのですが、リストからiframe内に画像を表示させていて、<a href=" "の" "は空欄のままなので、うまく出来ません。これはあきらめるしかないのでしょうか？それとも、リストのURLをどこかホームページ内に表示させることが出来るのでしょうか？リストによってつぎづぎに変わる画像を別ページで大きく表示させたいので、このような質問になりました。初心者ですので、あまり難しいことは分かりませんが、教えていただける方、よろしくお願いいたします。
- 締切済み
- HTML