JavaScriptコーディング

ボタンクリックでテキストエリアに文字挿入

2008年11月26日
自前ブログもほぼ出来上がりました。Movable Typeの記事投稿画面で使いづらいと感じるところを改善した投稿画面にします。と言っても、見た目は(デザイン)しょぼいんですが。


使いづらい点は、
・アンカータグにtitle属性、rel属性が入らない
・html特殊文字が入れられない
です。


アンカータグを入れるボタンがありますが、
<a href="" ></a>
という最低限のタグが挿入されます。

これを、
<a href="" title="" rel="nofollow"></a>
としたいのです。

いちいちhtmlエディタを立ち上げたり、サイトを表示させたりしてタグをコピーするのは面倒です。

html特殊文字、例えば、【&lt;】、【&gt;】などです。
これも今まではいちいちエディタを立ち上げてコピーしてました。

覚えられればいいのですが、すぐ忘れてしまうので・・


画面にボタンを表示させ、クリックすると入力エリアに文字を入れます。
JavaScriptでコーディングします。と言ってもとっても簡単なソースです。
カーソルのあるところに挿入するのが本来ですが、面倒なので、入力エリアの最後に文字をくっつけます。

PHP側
<form method="post" action="" name="frmINS">
 <input type="button" value="&lt;" onClick ='function()'>
 <textarea name="body" cols="80" rows="40" wrap="soft"></textarea>
</form>

JavaScript側
function function(){
  document.frmINS.body.value = document.frmINS.body.value + '&lt;';
}


これで、【&lt;】ボタンをクリックすると、テキストエリアに【&lt;】が追加表示されます。
コメントの書き込み
コメント
2018年06月
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30
先月
来月
カテゴリ
検索
関連サイト
プロフィール
【ネットネーム】
みゅー

キャラクター by ツカエルサイト


【趣味】
・プログラミング
・写真
・楽器演奏
・手芸
・日曜大工
・家の中の不便を便利に
・考える
・自然科学
・猫と戯れる
・ジグソーパズル

【仕事】
・派遣社員でSE・PGやっていました。次の良い仕事がみつからないので、ビジネスへ注力しようと思っています。
・経験言語:VB6、VB.NET、PHP、Perl、JAVA、Oracle、SQLServer、PostgreSQL



【名前】
アン(足)

2014年4月22日生まれ 女の子
あだ名は くノ一
普段は普通にしゃべりますが、興奮すると『ニャ』を連発します

【趣味】
・狩
・ご飯を食べる
・ママのお手伝い

【仕事】
ママのビジネスの看板招き猫
ママの代わりにPC入力
仕事中のママの右腕を温める
ママに心配をかける
いろんな事をしでかしてママを退屈させない

RSSフィード