簡単な文字列をHTMLを使ってクリップボードにコピーしたいのですが、なかなかうまくいきません。
IEでHTMLを起動させて、コピペして使いたいのですが。
ポイントは…
・改行しても認識してそのまま文字列をコピーできること
・ボタンを一つのHTMLページ内に複数設置したいこと(なのでおそらく名前をボタンごとにつけるのだと思いますが…)
http://auctempnavi.fc2web.com/waza/copy.html
上記のやり方では一応可能でしたが、テキストエリアが邪魔なのと、ボタンを横に並べたくても縦方向に追加されてしまう…という部分で行き詰りました。
http://detail.chiebukuro.yahoo.co.jp/qa/question …
上記の形だと理由は不明なのですが、改行を認識してくれない。うまく起動するときとしないときがある(もしかしたら名前付けがうまくいっていないのかも知れません)
どなたか知恵を貸して頂ければ幸いです。
No.5ベストアンサー
- 回答日時:
<input type="button" value="住所" onclick="this.select(); clipboardData.setData('text','[住所]〒000-0000\n○○県○○市○○町\n○-○-○\n[氏名]○○ ○○○\n[TEL]○○○-○○○-○○○○');">
<br>
<input type="button" value="番号" onclick="this.select(); clipboardData.setData('text','1234567980');">
<br>
<input type="button" value="落札された場合の定型文" onclick="this.select(); clipboardData.setData('text','お世話になります。\nこの度、商品を落札致しました。○○でございます。\n早速ですが、下記に詳細を記載しておりますのでご確認下さい。');">
IE限定ですけど、コピーできます。
ローカルでは(ブロックされているコンテンツを許可)が必要ですが。
色々試したのですが、この方法で成功しました!
ただ、ブラウザの問題なのかなんなのか、できない時もなぜかあって、根本解決にはなりませんでした。
ここから先は自分で勉強すべきですね。
ありがとうございました。
No.4
- 回答日時:
それでしたら、そんな面倒くさい事をせずに
じゅうしょ ⇒ 東京都東京市1-1-1 東京ハイツ111
とIMEに単語登録して置けば良いです。
私はウェブ作成しますので
いんよう ⇒ <blockquote cite=""><p></p><address></address></blockquote>
だんらく ⇒ <p></p>
ていぎ ⇒ <dt></dt> せつめい ⇒ <dd></dd>
とかも単語登録してます。
No.3
- 回答日時:
起動しないというのはわかりませんが、改行は問題無いです、\n と入れてますか。
この回答への補足
まずこちらの意図がわからないということでしたので…説明させて頂きますと…
懸賞サイトなどに応募するときやオークションで定型分を送る時、いちいち住所等を記入するのが面倒なので、テキストに記入して、それをコピペして使用していました。
例えば…
東京都東京市1-1-1 東京ハイツ111
***-****-****
といった情報や、オークションのよくあるような定型文です。
これをHTML形式で簡単なツールを作りたいと思ったのがキッカケになります。
そこでテキストを毎回立ち上げて、文字列を選択⇒コピー⇒ペースト…ではなく、ボタンを押すだけでその文字列をコピーしたいと考えました。
それで色々調べたのですが…
東京都東京市1-1-1 東京ハイツ111
等の文字列単体を、一つのHTMLページ内に設置した場合は、ボタンを押すだけでクリップボードにコピー可能で、貼り付けることができました。
が、同じHTMLページ内に複数設置すると、うまくコピーができなかったり…といったことになりました。
-----------------------
・住所【ボタン】
・番号【ボタン】
-----------------------
という具合に設置したいのです。
【ボタン】を押せばクリップボードにコピーされる使用にしたかったのです。
また、オークションの定型文も挿入したいと思い、同じように定型を入れ込み、ボタンを設置すると、今度は改行を受け付けてもらえない状態になりました。
-----------------------
・住所【ボタン】
・番号【ボタン】
・落札された場合の定型文
・発送完了の定型文
-----------------------
という形です。
完全にオフラインで使用する自分だけのためのツールということになります。
複数ボタンを設置した場合はボタンに名前をつけなければ認識しないのだろうと思い、色々やってみましたが、どうもコピーされたりされなかったり…と不安定です。
おそらく色々間違っているのでしょう…
オークションなどで使用したい定型文は以下のような普通のものです
----------------------------------
お世話になります。
この度、商品を落札致しました。○○でございます。
早速ですが、下記に詳細を記載しておりますのでご確認下さい。
[振込先]○○銀行
[振込予定日]○月○日を予定
[住所]〒000-0000 ○○県○○市○○町 ○-○-○
[氏名]○○ ○○○
[TEL]○○○-○○○-○○○○
振込後に再度ご連絡差し上げます。
それでは失礼致します。
----------------------------------
brや\nででは改行はできませんでした。
もちろんいままでどおりテキストに書き溜めておき、選択してコピペでも可能なのですが、手間がかからないのでいいなと思ったのです。
これで理解してもらえなかった場合は…おそらく私の語彙力では説明できないかもしれないので…潔く諦めるほかないでしょうか…
No.2
- 回答日時:
されたいことがわからないです。
画面上の改行は保存されたらとってもまずいです。ディスプレイ幅が異なるユーザーエージェントでも読み上げソフトでも・・・普遍的に利用できるのがHTMLです。
【引用】____________ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
ご覧のこの画面、Ctrl + +で、視覚障害者がフォントを拡大したら改行位置が変わりますよね。もしスクリーンリーダーを併用していて読み上げさせるとフォントを変えたら読み方変わったらまずいでしょ。スクリーンリーダーは改行は無視して読んでいきます。ただし<p>段落</p>でマークアップされていたら、一呼吸間を取ります。
HTML内のテキストをコピーしたけりゃ左ボタンを押したままドラッグ、もしくはShiftキーを押しながらカソールキーやEND,HOMEキーで選択してコピーしたい部分を反転させて
Ctrl + Cまたは、コンテキストメニュー(マウスの左ボタンで表示される)からコピーを選択すればすむ事です。
HTMLソースをコピーしたけりゃ、そのままコンテキストメニューから「選択部分のソースを表示」で良いですし、
特殊なコピーならブラウザのアドオンを使用者が用いればよい。
・・改行しても認識してそのまま文字列をコピーできること
これは不可能です。出来ません。出来てはなりません。
textarea内の文字に関しては、wrapをコントロールすることで可能です。
No.1
- 回答日時:
言っていることの意味が理解できないのですが?・・・
記述した製作者により、どのようなタグを使っているかによりますが?
preタグでかかれているものに対しては、簡単でしょうが、
<br>などを多用してそれなりに表示している場合はむづかしいのでは?・・・
ブラウザで表示コピーなら可能
考え方としては、ソースを表示してコピー、ペースト
<br>タグがある場合は改行
行番号がある場合は、それを削除
これらを、クリアすることを、考えればできるのでは?・・・
html自体がtextファイルなので、不要なタグを取り除けば」、ただのテキストになる。
この基本から考えれば、簡単だと思いますが?・・・
やろうとしていることに意味があるのか?・・・疑問です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- gooブログ Twitterの動画画面をgooブログに埋め込めない 4 2022/06/03 16:40
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- その他(Microsoft Office) 逆順 3 2023/08/24 09:30
- Excel(エクセル) 列を自動で追加したい 3 2022/07/11 12:58
- Excel(エクセル) 関数EXACT(文字列,文字列)とexcelVBA 3 2022/04/14 15:07
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- Visual Basic(VBA) excelにて、特定の列に数字入力してあれば、入力してある行コピーして 別ファイルに張り付ける 2 2022/08/11 05:33
- Excel(エクセル) Excei で、項目の横展開 2 2023/07/15 09:56
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
mailtoで本文指定に改行をしたい
-
改行できる・できない入力ボッ...
-
文字の最後に半角空白が勝手に...
-
カーソルを合わせると説明を表...
-
\\n \\r \\t について
-
H1タグに改行の<br>を使う
-
<br>で改行しても一行あいてし...
-
テーブル内のハイフンで改行さ...
-
Hタグを改行禁止にしてspanのよ...
-
エクセルVBA テーブルのフィー...
-
テーブルの幅を固定するとnowra...
-
テキストエリア内の改行禁止
-
Windowsのformでtextareaに入力...
-
<h1></h1>のタイトルの行に画像...
-
<PRE>~</PRE>の最後を改行しない
-
なぜか<p> </p>が挿入され...
-
<br >と<br /> 違い
-
改行したときの幅を狭くする方法
-
長いURLを途中で改行(折り返す...
-
XMLの改行方法とリンクの仕方
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
\\n \\r \\t について
-
改行できる・できない入力ボッ...
-
長いURLを途中で改行(折り返す...
-
テキストエリア内の改行もその...
-
テキストエリア内の改行禁止
-
テーブルの幅を固定するとnowra...
-
H1タグに改行の<br>を使う
-
Hタグを改行禁止にしてspanのよ...
-
「:」について
-
<br />タグの、brの後の半角ス...
-
preタグがプロの現場であまり使...
-
htmlで文字列をクリップボード...
-
XMLの改行方法とリンクの仕方
-
文字の最後に半角空白が勝手に...
-
テーブル内の文字列を改行させたい
-
VBE でスペースと改行を見える...
-
テーブルのセルデータを自動改...
-
テキストエリアの幅を10桁まで...
-
Dream Weaverの改行時にTabキー...
-
カーソルを合わせると説明を表...
おすすめ情報