テキスエリアの選択文字前後に文字挿入
- テキストエリア内の選択文字をリンクタグ化する方法についてご質問です。
- サンプルスクリプトを使用して、選択した文字列の前後にリンクタグを追加することができるかどうかをお知りになりたいです。
- 現在のコードではリンクタグを追加することができないようです。なぜリンクタグが追加できないのか、詳細を教えていただけないでしょうか。
- ベストアンサー
「テキスエリアの選択文字前後に文字挿入」で…
http://mugi.cc/js/ ↑こちらのページの下のほうにある「テキスエリアの選択文字前後に文字挿入(IE専用) 」で紹介されているスクリプトを用いて、テキストエリア内の選択文字をリンクタグ化(?)することは可能でしょうか。 サンプルでは[B](太字)のボタンのタグ等が、下記のようになっており、文字を選択してから押せば「<B>○○</B>」と表示されます。 <input type=button onclick=ins("<b>","</b>") value=b> 選択した文字列の前と後に文字を挿入なので、前に「<a href="」、後に「" target="_blank">こちら</a>」って入れれば、リンクのタグになるかと思い、下記のように書き換えてみたのですが…ダメでした; <input type=button onclick=ins("<a href="","" target="_blank">こちら</a>") value=リンク></td> どなたか何故ダメなのか教えて頂けませんでしょうか(>_<) よろしくお願いいたします。
- yuka_chan
- お礼率98% (378/383)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
シングルクォーテーションにしてみてはどうでしょうか?↓ <input type=button onclick=ins("<a href='","' target='_blank'>こちら</a>") value="リンク">
関連するQ&A
- defineの出力先で文字化け
define('○○','<a href="http://www.goo.ne.jp" target="_blank">Goo</a>'); とすると出力先のソースで <a href="http://www.goo.ne.jp" target="_blank">○○</a> となってしまい <a href="http://www.goo.ne.jp" target="_blank">Goo</a> がそのままの形で表示されてしまいます。 どうしてこうなるのでしょうか。
- ベストアンサー
- PHP
- MySQLにHTMLタグを挿入したい
PHPでつくった登録フォームよりhtmlタグを入力してそれをtext型のフィールドにhtmlタグごと入れたいのですが、うまくいいようにはいりません。 入力 <table border="0" width="80%"><tr>問1 磁気ディスク装置において,磁気ヘッドをある位置から目的の位置に移動させるのに要する時間を何と呼ぶか。</tr><tr> <td><input type="radio" name="1" value="ア">ア アクセス時間</td><td><input type="radio" name="1" value="イ">イ サーチ時間</td><td><input type="radio" name="1" value="ウ">ウ シーク時間</td><td><input type="radio" name="1" value="エ">エ データ転送時間</td></tr></table><br><hr width="80%"><br> フィールドの保存データ <table border="0&q uot; width="80%"><tr>問1 磁気ディスク装置において,磁気ヘッ ドをある位置から目的の位置に移動させるのに要する時間を何と呼ぶか。</tr>< ;tr> <td><input type="radio" name="1" value=&qu ot;ア">ア アクセス時間</td><td><input type="radio " name="1" value="イ">イ サーチ時間</td>< ;td><input type="radio" name="1" value="ウ"& gt;ウ シーク時間</td><td><input type="radio" name=&q uot;1" value="エ">エ データ転送時間</td></tr>&l t;/table><br><hr width="80%"><br> と入ってしまい データベースを参照してhtmlを表示したときには <table border="0" width="80%"><tr>問1 磁気ディスク装置において,磁気ヘッドをある位置から目的の位置に移動させるのに要する時間を何と呼ぶか。</tr><tr> <td><input type="radio" name="1" value="ア">ア アクセス時間</td><td><input type="radio" name="1" value="イ">イ サーチ時間</td><td><input type="radio" name="1" value="ウ">ウ シーク時間</td><td><input type="radio" name="1" value="エ">エ データ転送時間</td></tr></table><br><hr width="80%"><br> と表示されうまくいきません。
- 締切済み
- MySQL
- 回答投稿時に余計な半角スペースが挿入されてしまう
HTMLタグを入力する際に気が付いたのですが、次のような変換が行われています。 ** 再現する環境 ** IE7, Firefox3.0.1.1 ** 現象 ** HTMLタグを入力すると、次のような変換が行われる。 <a href="http://okwave.jp/">OKWave</a> ↓ <a href="​<a href="http://okwave.jp/" target="_blank">http://www.yahoo.co.jp/"</a>​>OKWave</a> ** 不具合 ** 1. クリップボードへコピーすると、​ が半角スペースとして処理されてしまう。 上の事例なら、「<a href=" http://okwave.jp/" >OKWave</a>」がコピーされる。 そのため、せっかく貼り付けたHTMLがコピーできず質問者さんの誤解を招くことに。(経験談) 2. シングルコーテーション、ダブルコーテーションも含めてリンクされてしまう HTMLタグでは正常にリンクが行えない。 # 想像ですが、HTMLへの変換の順番に問題がある気がしています。 # 「クオートのエスケープ後→リンク化」という処理順だと、2. は再現できそうです。 # 1. はどういった経緯で生まれたのか想像も付きませんが…。 これは私の環境だけの問題なのでしょうか? (以前はこんな事はなかった気がするのですが)
- ベストアンサー
- このQ&Aコミュニティーについて
- ウインドウを狭めてもレイアウトが崩れない方法
ウインドウを狭めてもレイアウトが崩れない方法を教えて下さい。 内容は、一番上にタイトルとしての画像を表示させて、その下に画像を3列で何列ものせる。 ウインドウを大きく広げたときは、それらの画像を中央に表示させてレイアウトを崩さないようにする。 下のような感じでは、ウインドウを狭めると画像が勝手に移動してしまいます。 全てを固定にしたいです。 お手本を教えて頂きたいです。よろしくお願いいたします。 添付画像が理想です。 ウインドウを狭めても画像が固定されている瞬間をイメージ化したものです。 <img src="" border="0" width="300" height="60" /> <br> <br> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a>
- ベストアンサー
- HTML
- value="前面に戻る が認識しない!
ここに <A href="***.shtml" target="_blank">あいう</A>---(1) <INPUT type="button" value="前面に戻る" onclick="pageBack()">---(2) の場合で、(1)はリンク先として別ウインドで開きます。 その(1)に(2)のソースを設定しても認識せづ、前面に戻りません。 認識させる方法はないですか? 宜しくお願いします。
- 締切済み
- HTML
- 正規表現 最短一致と末尾
例: <a href="http://www.google.co.jp/" target="_blank">http://www.google.co.jp/</a> <a href="http://www.google.co.jp/" target="_blank">http://www.google.co.jp/</a> <a href="http://www.google.co.jp/" target="_blank">http://www.google.co.jp/</a> 例のような文字列に文字列の最後のタグだけにヒットさせたい時下記のような検索文では全部にヒットしてしまいました。 どうも?と$を同時に使うと全文にヒットしてしまうようなのですが、うまく最後のAタグだけにヒットさせる方法はありますでしょうか? <a href=".*?</a>$
- ベストアンサー
- PHP
- javascriptでhtmlの書き換え
t.htmlというファイルで、下のような画面を作ります。 example1へ「Topへ」 example2へ「top.html」 と入力してボタンを押すと、 <a href="top.html" target="_blank"> Topへ </a> というリンクが「インデックスを開く」の下に現れる というふうにしたいです。 また、再度t.htmlを開いた時には、前回追記したリンクが最初から表示されているようにしたいです。 javascriptを使って実現するにはどうしたらよいでしょうか? 若しくは、javascritpを使わずにできる方法があれば教えてください。 よろしくお願いします。 ######################################################## <a href="index.html" target="_blank"> インデックスを開く </a> <input type="text" name="example1" size="50"> <input type="text" name="example2" size="50"> <input type="button" value="汎用ボタン"> ######################################################## ↓ ######################################################## <a href="index.html" target="_blank"> インデックスを開く </a> <a href="top.html" target="_blank"> Topへ </a> <input type="text" name="example1" size="50"> <input type="text" name="example2" size="50"> <input type="button" value="汎用ボタン"> ########################################################
- ベストアンサー
- その他(ソフトウェア)
- javascriptで無効化
javascriptの勉強中でクイズを作っています。 3択クイズでボタン式になっていて押すとそれぞれ正解・不正解と 問題に対する解説を表示させることは出来ました。 また、次へボタンで次の問題にも進めます。 しかし、ボタンな為、何度でも押せてしまい、正解が出るまで出来る上、 hiddenで隠して正解・不正解と解説が出てしまいます。 そこで、1つのボタンを押したら残り2つのボタンを無効化して 次へボタンしか押せない状態にしたいと思っています。 <div id="s1" class="hid"> <p>hogehogehoge?</p> <a href="#" onclick="return ChDsp2('hz1','textALL');"><input type="button" value="1-1" onclick="hazure();" /></a><br /> <a href="#" onclick="return ChDsp2('hz1','textALL');"><input type="button" value="1-2" onclick="hazure();" /></a><br /> <a href="#" onclick="return ChDsp2('sk1','textALL');"><input type="button" value="1-3" onclick="seikai();" /></a> </div> <div id="hz" class="hid"> <p>不正解 ×</p> <div id="hz1" class="textALL">【解 説】hogehoge <input type="button" value="次へ" onclick="nextq();" /> <div id="sk" class="hid"> <p>正解 ×</p> <div id="sk1" class="textALL">【解 説】hogehoge <input type="button" value="次へ" onclick="nextq();" /> この様になっていますが、どうか回答を選択(ボタンを押した)したら 他の問題を押せなくし、解説を表示させたまま次へボタンを押し、 次の問題に進む方法を教えて下さい。お願いします。
- ベストアンサー
- JavaScript
- 特殊なテキストエディタ
<A href="901927192719.jpg" target="_blank"> <A href="901920002719.jpg" target="_blank"> このような<A hrefとblank">の間にはさまれた文字を消すことができるテキストエディタはないんでしょうか? 少しわかりにくいですね、もうすこし説明すると。 <A href="*****" target="_blank"> *=ランダムな文字。 <A href="*****" target="_blank"> これを他の文字に置き換えることができるテキストエディタはありませんか? わかりにくくてすいません、よろしくおねがいします。
- ベストアンサー
- フリーウェア・フリーソフト
- HTMLでリンクへジャンプする場合
「リンク」というボタンをクリックして、「ジャンプします」と表示させて、OKをクリックの後、ページへジャンプできるようにしたいのですが。自分でやってみたところ、ジャンプは出来るものの、なぜかタブが二つ開いてしまうので、一つだけで開けるように改善したいです。(ちなみにとりあえずYAHOO!のリンクです) <a href="http://yahoo.co.jp"target="_blank"> <input type="button"value="リンク"onclick="{alert('ジャンプします')}"></a> メモ帳などに貼り付けて拡張子をHTMLにかえてみて頂ければ(言わなくてもわかりますよね・・・)、分かると思います。 あと、文字やボタンをクリックさせてコメントを出す場合、コメントを複数行にでるにはどうすればいいでしょうか?
- ベストアンサー
- HTML
お礼
うゎーうゎー できました!!!!!ヾ(≧∇≦)〃 ありがとうございます。ありがとうございます。 嬉しいです♪ また機会がありましたら宜しくお願いいたします(*^-^*)