HTMLソースの利用とお持ち帰り用のフォームについて

このQ&Aのポイント
  • 自分のホームページにお持ち帰り用のフォームを貼り付けて、他の人にコピーしてもらう方法を知りたい。
  • フォーム内の文章をドラッグするのではなく、ボタンをクリックして文章を選択できる方法を知りたい。
  • ボタンを取り付けたが、機能しない。解決方法を教えてほしい。
回答を見る
  • ベストアンサー

HTMLソース

お世話になります。 私は下のようなHTMLソースを利用したいと思っています。 自分のホームページに下のようなお持ち帰り用のフォームを貼り付けて、 フォームの中の(こんにちは)という文字を他の人にコピーしてお持ち帰りしていただきたいのです。 お持ち帰りの時マウスでドラッグしていただいてもいいのですが、文章が長くなるとお客さんにご迷惑をおかけします。 そこでドラッグ不要のつもりで、(ソース選択) ボタンを取り付けたのですが、機能しません。 解決方法をお願いします。 <BODY> <input type="button" value="ソース選択" onclick="highlight(0)"> <form name="s1"> <textarea cols="80" rows="5" readonly> こんにちは、

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

  • ベストアンサー
  • t-san
  • ベストアンサー率36% (116/314)
回答No.1

<INPUT TYPE="button" VALUE="クリップボードにコピー" onmousedown='window.clipboardData.setData("text","<A HRE...");' onmouseup="alert('コピー完了')"> コピー … ボタンに表示される文字を記入 <A HRE... … コピーされるタグを記入または<A HRE...のかわりに文字を記入 コピー完了 … コピーが完了した時に表示される文字を記入

sakurazennsenn-1
質問者

お礼

     確認をしてからと思いましたが、 まずはお礼を申し上げたいと思います。 ありがとうございました。 早速テストしてみます。 失礼します。

関連するQ&A

  • HTMLソース

      よろしくお願いします。 下記のソースを使用可能な状態にしたいのですが、   HTMLソース間にあるジャバスクリプトの、プログラムの部分を(ソース選択)というボタンをクリックさせ、ジャバスクリプトの部分だけをコピー出来るように青色に反転させたいのですが、(ソース選択)ボタンが機能しません。よろしくご指導ください。 <h2 align="center">他サイトのフレーム内にリンクされるのを防止します</h2> 自動的にフレームを解除してトップページを表示します<br> <input type="button" value="ソース選択" onclick="highlight(0)"> <form name="s1"> <textarea cols="80" rows="5" readonly> <script language="javascript"> <!-- if (parent.frames.length > 0) top.location.href = "自サイトのトップページURL"; //--> </script>

  • 選択フォームへの追記について

    現在、下記のように一つのフォームの場合は、 ボタンを押すと追記されますが、 複数のフォームがある場合に、 選択されているフォームへ、 追記するには、どうすればよろしいでしょうか、 よろしくお願いいたします。 <html> <head> <script language="JavaScript"><!-- CR = String.fromCharCode(13); function setData(param) { txt = document.myFORM.myTEXT.value + param + CR; document.myFORM.myTEXT.value = txt; } // --></script> </head> <body> <form name="myFORM"> <input type="button" value="月曜日" onClick="setData('月')<br> <input type="button" value="火曜日" onClick="setData('火')"><br> <textarea rows="9" cols="20" name="myTEXT"></textarea><br> </form> </body> </html>

  • コマンドボタンでショットカットキーを実行。

    コマンドボタンでショットカットキーを実行。 <form name="frm1" method="POST" action="・・・"> <TEXTAREA name="t1" cols=50 rows=10></TEXTAREA> <INPUT type="button" value="undo" name="b1" onclick="undo();" width="54" height="0" alt="アンドゥー"> : </form> ↑このフォームで、「undo」ボタンが押されたときに、 <TEXTAREA></TEXTAREA>内のデータをアンドゥ、 つまり、ショットカットの「crtl+z」を実行するようにしたいのですが、 行き詰っております。 javascriptで実現したいと考えているのですが、 分かる方おられましたらご教授願えませんでしょうか。 よろしくお願いします。

  • テキストエリア内にPHPのソースコードを書く

    <form action="" method="post"> <textarea name="img" cols=40 rows=4 readonly> <?php echo"<?php echo"masao"; ?>"; ?> </textarea></form> このプログラムの結果 <?php echo"masao"; ?> と表示したかったのですが案の定できませんでした。 どのようにしたら表示させることができるでしょうか?

    • ベストアンサー
    • PHP
  • 複数のフォームを一括で送信することは可能ですか?

    CGIの勉強を始めたばかりの初心者です。 本に簡単なフォームメールがあったのですが、複数のフォームを一括でデータ送信する方法はあるのでしょうか? http://oshiete1.goo.ne.jp/qa3395953.htmlで教えて頂いた方法を真似て、以下のようにしてみたのですが、これだと1つのフォームしかデータ送信できないです。 CGIの方もいじらないと複数のフォームを一括送信はできないのでしょうか? <script language="javascript"><!-- function send() { document.nform.submit(); document.nform2.submit(); } //--></script> <form name="nform" method="POST" action="./5-2.cgi"> <p>お名前 :<input type="text" name="name" size="40"></p> <p> メッセージ: <br> <textarea cols="50" rows="5" name="message"></textarea> </p> </form> <form name="nform2" method="POST" action="./5-2.cgi"> <p>お名前 :<input type="text" name="name" size="40"></p> <p> メッセージ: <br> <textarea cols="50" rows="5" name="message"></textarea> </p> </form> <input type="button" value="送信" onClick="send()">

    • ベストアンサー
    • CGI
  • javascriptを教えて下さい

    上の欄に文字を入力しボタンを押すと下の欄に表示するhtmlを作りたいと思っております 何回か自力でやってみたのですがわからないのでどのようにするかご教授願いたいです・・・ ソースは <form method="POST" action="検索"> <textarea name="msg" cols="30" rows="10"> ここにメッセージをどうぞ </textarea> <br> <input type=submit value="送信"> <br> <input type=reset value="クリア"> </form> <form method="POST" action="受信"> <textarea name="msg" cols="30" rows="10"> </textarea> </form> このようなふうになってます このままじゃダメでjavascriptを使うということはわかっているのですがどのようにしたらいいかわかりません・・・ 何回か試したのですがうまくいきませんでした 初心者なのでアドバイスお願いします!

  • HTMLの取得と解析について

    フォームのtextareaにHTMLを入力して、そこから必要なタグを取得したいのですが上手くいきません。 textareaの値は取得できています。 textareaの値からgetElementsByTagNameを使用してtableタグを取得しようとしているのでがエラーが出ます。 chromeによると Uncaught TypeError: Object ・・・・ has no method 'getElementsByTagName' 取得した値をgetElementsByTagNameにほり込むのが間違ってるような気もするのですが、良く分かりません。 テキストエリアに入力したHTMLをパースして、再利用する良い方法がありましたらご教授ください。 以下に現状のソースを書かせて頂きます --------------------------------------------------------------------- <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript"> <!-- function test() { var org_src = document.form1.src.value; table = org_src.getElementsByTagName('table'); document.getElementById('test').innerHTML = org_src; } // --> </script> </head> <body> <p>自動出力</p> <form name="form1"> <p>テキストエリアにソースを張り付けて下さい</p> <p> <textarea id="src" rows="5" cols="30"> </textarea> </p> <p> <input type="button" value="実行" onClick="test()"> </p> </form> <div id="test"> </div> </body> </html> ---------------------------------------------------------------------

  • ボタンをクリックして文字を置換する

    <textarea name="areaA" rows="4" cols="40"></textarea><br> <input type="button" onclick="..."> <textarea name="areaB" rows="4" cols="40"></textarea><br> という風な2つのテキストエリアとボタンを使い、 テキストエリアに文字を書いてもらい、 ボタンを押すと任意の行を置換したいです。 たとえば ------------------ #あああああ いいいいい #ううううう えええええ ------------------ というものを、ボタンを押すと先頭に#がついた行だけ置換して ------------------ <部品1>あああああ<部品2> いいいいい <部品1>ううううう<部品2> えええええ ------------------ という風なscriptを組みたいのですが、正規表現等が苦手でまったくうまくいきません。 ご教授いただけないでしょうか?

  • インラインフレームに画像ファイルを挿入したいが、、、、

    <FORM> <BR> <TEXTAREA rows="11" cols="36" name="what's new"> </TEXTAREA><BR> </FORM> というタグをHTMLソースに記述して、インラインフレームを作りましたが、その、フレーム内に画像ファイルのアイコンを、ドラッグにより挿入しようと思いましたが、フレーム内に貼り付きません、また、背景色も変えたいですが、できるでしょうか?

  • PHPで1つのFORM内から、2つのプログラムを実行

    初めまして! PHP&HTML初心者です。 現在あるプログラムを若干変更する事になりました。 <add.php3内> print "<FORM ACTION=$PHP_SELF METHOD=POST>\n"; print "<TEXTAREA COLS=80 ROWS=12 NAME=COMMENT WRAP=HARD>$CURCOMMENT</TEXTAREA>"; print "<TEXTAREA COLS=80 ROWS=6 NAME=NOTE WRAP=HARD>$CURNOTE</TEXTAREA>"; print "<BR><B><INPUT TYPE=BUTTON VALUE=\" accept \" onclick=\"this.form.submit();\"></B>"; print "<SELECT NAME=\"CommentState\">\n"; print "<OPTION>東京</OPTION>\n"; print "<OPTION>大阪</OPTION>\n"; print "</SELECT>\n"; print "<INPUT TYPE=BUTTON VALUE=\"submit\" onclick=\"backScript(change.php3);\">\n"; print "</FORM>\n"; print "<INPUT TYPE=BUTTON VALUE=\"submit\" onclick=\"backScript(change.php3);\">\n"; ←が実行されず、 ボタンを押しても無反応です。 上のacceptボタンは正常に動作しています。 change.php3とadd.php3を一つにまとめるというのは、設計上不可能です。 同じFORM内で、2つの関数(1つは自分自身)を実行する事は可能でしょうか? 同じ入力テキストエリアを共有しているので、FORMを2つに分けるのも難しいかと思います。 長々と書いてしまいましたが、いいアイデアがあれば是非教えてください!

    • 締切済み
    • PHP

専門家に質問してみよう