• 締切済み

textarea 内に IFRAME を読み込ませたい

textarea タグの内部に IFRAME を入れたいのですが、 <textarea> <IFRAME SRC="example.html"></IFRAME> </textarea> とすると、当たり前ですが textarea 内に <IFRAME SRC="example.html"></IFRAME> と、まんま表示されるだけです。 なんとか実現する方法はないでしょうか？ JavaScript とかで制御するんでしょうかね。 アドバイスよろしくお願い致します。

  • HTML
  • 回答数2
  • ありがとう数0

みんなの回答

  • master-3rd
  • ベストアンサー率35% (582/1641)
回答No.2

#1さん言われるとおり、テキストエリア内は文字情報のみしか扱えないので他のウインドウを開くようなことは出来ないです。 どういったことをしたいのかを言ったほうが早く解決すると思いますよ。

ikspiari
質問者

補足

アドバイスありがとうございます。 そうですね、他の方法で解決できればそれでいいですよね。 したい事は、#1 さんの補足に書きました。 またよろしくお願い致します。

  • arukamun
  • ベストアンサー率35% (842/2394)
回答No.1

こんにちは まず無理だと思います。 <TEXTAREA>タグはテキスト入力エリアですので、HTMLのタグを認識出来る環境ではありません。 そもそも、どの様な理由でそういった物が必要なのでしょうか。 別案を考えられるかもしれません。

ikspiari
質問者

補足

早速のご回答ありがとうございます。 やりたい事は、 textarea 内で ASP　(Active Server Pages) を動かしたいんです。 最初から IFRAME でいいじゃないかと思われると思うのですが、 ASP で得た結果を CGI に渡したいので textarea 内でないとマズイんです。 他に方法がありましたらご教示願います。 よろしくお願い致します。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • <iframe 内のスクロール

    <iframe タグを使って、JavaScript でスクロールをさせたいの ですが、 <iframe width=150 height=200 src="test.htm"></iframe> 上記これだとスクロールしてくれるのですが、 <iframe width=150 height=200 src="http;//google.co.jp"></iframe> これだとスクロールしてくれません。 JavaScript は scroll(); を使ってます。 これは自前ページだけで、既存サイトのスクロールは無理なのでしょうか。 (http: だとアンカーになって見にくいので http; にしてます) 　

  • iframeクッキー指定（？）

    iframeを使用しているのですが、 index.html　のiframe内に　a.html　を、 <iframe src=a.html　～>で表示しています。 そこで、index.html　内のリンクでiframe内に　b.html　を表示します。 ここで更新を押すと、iframe内には　a.html　が表示された状態に戻ります。そこで、b.htmlを表示したままにしたいのでクッキーを使用して可能にしているのですが、 index.html　内のリンクでc.htmlを表示して更新を押した際にも　c.htmlが、（c.htmlにクッキーを使用しないとb.htmlが）表示された状態になります。 b.html　を表示した状態で更新を押すと、クッキーによって、b.html　を表示したままにし、 c.html　を表示した状態で更新を押すと、クッキーを解除し、a.html　を表示する方法を教えてください!! （c.htmlのようなファイルが複数あって、b.htmlのようなファイルは1つです。） javascript超初心者ですので、サンプルなど、記載して説明してくださると助かります。

  • iframe の代用で　objectタグを使ったとき

    iframeを使って、他のページを表示させていたのですが、 iframeは非推奨ということでobjectタグに置換をかけています。 比較的単純なiframeタグは置換できたのですが、 <iframe src="hoge.cgi" width="330" height="100" scrolling="no" Frameborder="no" Marginwidth="0"> の場合の２行目の、スクロールバー非表示、枠はナシ、立体表示ナシ という設定をobjectタグを使ったときどう記述すればいいのか わかりません。同じ属性を書くと無視されてしまいます。。。。 どのように記述すれば、スクロールバーなし、立体表示なしが 実現できるのでしょうか？

    • ベストアンサー
    • HTML
  • JavaScriptでiframeの高さを自動調節する方法を試しているがうまくいかない

    JavaScriptでiframeの高さを自動調節する方法を 下記サイトを参考に試しているのですが、 読み込み先ファイルをphpファイルにするとうまくいきません。 http://www.revulo.com/blog/20070616.html 《参考サイトより example.html》 <head> ...... <script type="text/javascript"> function resizeIframe() { var iframe = parent.document.getElementById("recent_iframe"); var height = document.documentElement.scrollHeight; iframe.style.height = height + 10 + "px"; } </script> </head> <body onload="resizeIframe()"> ...... 上記のようなソースを子HTMLファイルに書いて、親HTMLファイルから <iframe id="recent_iframe" src="example.html"> </iframe> というように読み込むと問題なく子ファイルの大きさに iframeの高さが自動調節されて表示されるのですが、 参考サイトのソースをphpファイルに記載して、 iframeからフルパスで読み込もうとするとうまく高さが調節されません。 <iframe id="recent_iframe" src="フルパス/exsample.php"> </iframe> 解決策はありますか？

  • iframe 内の画像を自動縮小させない方法

    iframe 内の画像を自動縮小させない方法が分かりません。 <iframe src="**.ｊｐｇ" width="100" height="100" scrolling="yes" style= resize:none; "> このような　resize 禁止指定をしても、画像がフレームのサイズに強制的に押し込まれて 原寸表示ができません。 CSSを用いる方法でも構いませんので、よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • iframe内のメニューをクリックで変更したい

    ホームページビルダーでHPを作成しています。 ２カラムのページで、左側のカラムにメニューがあります。 複数ページ作成するので、メニューは手間を省けるiframeで表示させようと思っています。 iframeのメニューは基本的には日本語ですが、ボタンを押すと 英語と中国語にメニューに入れ替わるようにしたいと思っています。 どのようにすれば、上記が実現できるでしょうか？ ※Javascriptを使用しないと実現できないでしょうか？できれば、Javascript無しで実現したいと考えています。 どうぞ、アドバイスをよろしくお願い致します。 m（＿　＿）m

    • ベストアンサー
    • HTML
  • iframe内で表示されてるサイトのURLを取得できないのはなぜ？

    iframe内のリンクをたどる等をして表示されたサイト(srcで指定した 以外のサイト)のＵＲＬは、iframeが埋め込まれているサイトと iframe内で表示されてるサイトのドメインが一致しない限り、javascript では取得できないのはなぜですか？取得されると何か困ることがあるので しょうか？ またjavascript以外なら何らかの方法で取得することは可能なのでしょうか？

  • textareaに画像を表示したい

    textareaの入力支援を作成しています。 PHPで画像のディレクトリを開き別窓などに一覧表示させ、 その画像をクリックでjQueryでテキストエリアへタグを挿入。 <textarea id="test"> あああ <img src="hoge.jpg"> いいい </textarea> ↑のようにIMGタグを挿入する状態までは実装させることが出来るのですが、 UI的に、このIMGタグを画像（サムネ）として表示させたいと考えています。 <textarea id="test"> あああ ■（←画像） いいい </textarea> テキストエリアを監視して置換するなど方法はありそうなのですが そもそもテキストエリア内で画像を表示させることができるのでしょうか？ 何かいいアイディア、あるいはプラグイン等がありましたら教えてください。

  • IE6でiframeにPOSTできない

    同一ページに<form>と<iframe>があり、<form>のPOST先をその<iframe>にしています。 このとき、IE6のみPOSTできない条件があり困っております。 なんでも結構ですので、アドバイスいただけましたら助かります。 その条件は、 ・ページのURLとiframeのURLのスキーマとホスト名が一致していること です。 具体的には HTMLが <form name="formname" action="https://example.com/" method="post" target="iframename"> <input type="image" name="" src="image/button.gif" /> </form> <iframe name="iframename" src="https://example.com/page01"></iframe> の場合、 ■POSTがOKなパターン ページのURL＝https://example.com/ ■POSTがNGなパターン ページのURL＝http://example.com/ ページのURL＝https://www.example.com/ よろしくお願いしますm(_ _)m

    • ベストアンサー
    • HTML
  • 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><!-- 　function GetHeightForIndex(){ 　GetHeight("tmain"); 　} 　//--></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"><!-- var cook_key = "iframesrc"; if(cook_src) document.getElementById('iframe名').src = 'a.html'; var cook_src; var cookies = document.cookie.split(';'); for(var i=0; i<cookies.length; i++){ if(cookies[i].indexOf(cook_key) >-1){ cook_src = cookies[i].split('='); break; } } var file = cook_src? cook_src[1] : 'a.html'; document.write('<iframe class="tmain" src="',file,'" id="iframeID" name="iframe名" frameborder="0" scrolling="no" height="1500"></iframe>') document.getElementById('tmain').src = cook_src ? (cook_src[1] ? cook_src[1] : 'a.html') : 'a.html'; function setCook(arg){ document.cookie = cook_key + '=' + arg + ';'; } //--></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が表示されます。 解決方法教えてくださいっ。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する