• ベストアンサー

コードを教えて下さい

「ソースをコピーしてください」とあり、 小窓があって、その中にソースがある・・・・。 この作り方を教えて欲しいのですが、 これは、別htmlにソースがあり、それをiframeで小窓を開いているのでしょうか。 さらに、マウスポインタをその小窓のソースに合わせると、 そのままコピーできるように、文字が反転(?)させるには どうすれば良いのでしょうか? よろしくお願い申し上げます。 参考に画像を添付しておきます。

  • u2122
  • お礼率71% (125/176)

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

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

textareaを利用するのが妥当では? 文字を反転させるのはブラウザごとに癖があるので微妙ですがfocusして selectするだけでいいかも <script> window.onload=function(){ var hoge=document.getElementById("hoge"); hoge.focus(); hoge.select(); } </script> <textarea style="width:300px;height:300px;" id="hoge"> test test test </textarea>

u2122
質問者

お礼

返事が遅くなりまして、申し訳ございませんでした。 回答ありがとうございました! 大変参考になりました。

関連するQ&A

  • コードが外に持ち出されたときのロック

    HTMLソースを見て勉強しています。ある方のサイトでは、どうやら外にソースが持ち出されたときにロックがかかるようになっているようで、Dream Weaver上で見ても画像など、いじれなくなっています。決してそのまま使おうだなんて思っていません。テーブルの設置の仕方、背景の設定の仕方など参考にしたいのです。ロックのかかった状態で照らし合わせるだけでは、何の画像が使われているのかわからないのです。どうしようもないものなのでしょうか・・教えてください。

  • 画像のaltを修飾

    半日調べたのですがギブアップです、よろしくお願いします。 <img src="○○.gif" alt="画像のタイトル"> とすることでマウスポインタを画像の上に持ってくると文字を表示することができます。 私がやりたいのは、画像にマウスポインタをのせると瞬時に文字が表示され、且つその文字のスタイルを自由に変えることです。 何度かそのような技を使われたサイトを見たことがあるのですが、いざ今探そうとするとなかなか見つかりません。 CSS、JavaScript等でできることがありましたら、是非教えていただきたいと思います。 参考になるURLも教えて下さい。 宜しくお願い致します。

  • IFRAME内のソースを別のIFRAMEにコピーする方法

    ページ内に二つのIFRAMEがあります。 IFRAME-A IFRAME-B IFRAME-Aに表示されるページのHTMLを、IFRAM-Bにコピーする事は可能でしょうか? srcのlocationをコピーするのではなく、HTMLを文字列としてコピーして、IFRAME-Bにも同じ内容を表示したく考えています。 使用するブラウザはIE6/7/8となります。 よろしくお願いします。

  • 透明文字か反転表示できない

    「ご覧になりたい人は反転表示してください」となっているHP上の透明文字の部分ですが、以前はマウスドラッグ→右クリックで反転表示できたのですが、できなくなりました。マウスポインタの絵は「手のひら開いた状態」で、右クリックすると、「掴んだ形」になって、マウスを動かすとそのままサイトがスクロールしてしまいます。どうすれば反転表示できますかおお教えください。お願いします。

  • iframe内のリンク文字のマウスオーバーで別のiframeに画像を出すには?

    こんにちわ。 一つのページにiframeが二つあるのですが、 そのうちの一つのiframe内のリンク文字をマウスオーバーすると、もう一つのiframeに画像が表示されて、 マウスアウトすると元の画像に戻るようにしたいのですが、 そのように出来るのでしょうか? ご存知の方、いらっしゃれば、 その書き方を教えて下さい! よろしくお願いします。

  • 画像や文字にマウスを充てると別の説明が出るようにしたい

    画像や文字にマウスを充てると別の説明が出るようにしたい htmlでなく画像や文字にマウスを充てると別の説明が出るようにしたい。 それは出来ますか。 出来るならその方法を教えてください。

  • HTMLでのiframeについて

    ブログでHTMLにiframeから始めて投稿しましたが、プレビューでは画像がでたのに、公開するとHTMLのもじになてしまいます。 iframeは使えないのですか?どうすればAmazonのアフィリができますか?至急教えて下さい。

  • ホームページ作りについて2つ質問します。

    まず一つ目です。 マウスポインタをかざすと自動的に文字が反転するインラインフレームのHTMLタグを教えてください。 二つ目。 http://www.tagindex.com/html_tag/frame/example_f01.html ↑の緑のフレームでリンクしたものを青のフレームで表示するにはどうすればいいのでしょうか。 説明下手ですいません;;

  • フレームの画面の動き

    質問があります。よろしくお願い致します。 HTMLでIFRAMEを使用しております。 IFRAMEでフレーム内に表示される画面が、マウスの左をクリックしたまま 左右に振ると内容がフレーム内で左右に移動してしまいます。 ―HTML内容一部 <iframe src="top.html" name="main" frameborder="0" scrolling="auto"> <…> フレーム内に表示された内容が、マウス操作に影響しないようにしたい のですが、何か設定や指定に方法はないでしょうか? お手数ですが、教えていただけるととても助かります。 どうぞよろしくお願い致します。

    • ベストアンサー
    • HTML
  • windows10のポインタの動き

    windows10のパソコンです。 ファイルを開いて、そこにマウスポインタをクリックしてからマウスを移動すると添付ファイルのようにそこが反転します。 ドラッグしていないのに、あたかも範囲指定するかのように背景色が青に反転します。マウスをファイル外でクリックすると反転が消えて正常な状態に戻ります。 windows10の設定不良でしょうか。

専門家に質問してみよう