function bold(){
if(document.all){ //IE
var str=document.selection.createRange().text;
if (str != "") {
document.selection.createRange().text="<b>" + str + "</b>";
} else {
document.form1.CBBE_TEXT.value += "<b></b>"
}
} else { //Firefox
var el=document.getElementById('text');
var sPos=el.selectionStart;
var ePos=el.selectionEnd;
var str=el.value.substring(sPos, ePos);
el.value=el.value.substring(0, sPos) +
"<b>" + str + "</b>" +el.value.substr(ePos);
}
}
function italic(){
if(document.all){ //IE
var str=document.selection.createRange().text;
if (str != "") {
document.selection.createRange().text="<i>" + str + "</i>";
} else {
document.form1.CBBE_TEXT.value += "<i></i>"
}
} else { //Firefox
var el=document.getElementById('text');
var sPos=el.selectionStart;
var ePos=el.selectionEnd;
var str=el.value.substring(sPos, ePos);
el.value=el.value.substring(0, sPos) +
"<i>" + str + "</i>" +el.value.substr(ePos);
}
}
を
<input type="button" value="太字" onclick="bold()">
<input type="button" value="斜字" onclick="italic()">
で制御しています。
関数化できませんか?
No.2
- 回答日時:
つまり、
bold() とitalic() は、内容が<i></i> が<b></b>だけの違いなので
1つにできないかということだと思いますが
例えば
deco("i")
のように呼び出して
function deco( k )
のように受けるとすると
="<i>" + str + "</i>";
のような部分は
="<" + k + ">" + str + "</" + k + ">";
のように一般化できます。
No.3ベストアンサー
- 回答日時:
<b></b>か、<i></i>を文字の前後に付加すればいいんですよね?
<input type="button" value="太字" onclick="cnv('b')"> <input type="button" value="斜字" onclick="cnv('i')">
function cnv(var p1){
var ps,pe,pd;
ps = "<"+p1+">";
pe = "</"+p1+">";
pd = ps+pe;
if(document.all){ //IE
var str=document.selection.createRange().text;
if (str != "") {
document.selection.createRange().text=ps + str + pe; } else { document.form1.CBBE_TEXT.value += pd; } } else { //Firefox var el=document.getElementById('text');
var sPos = el.selectionStart;
var ePos = el.selectionEnd;
var str = el.value.substring(sPos, ePos); el.value = el.value.substring(0, sPos) + ps + str + pe + el.value.substr(ePos); } }
でいかがでしょうか?
<<マルチポスト先に回答した内容ですが、これ以降の回答は、削除されて記録にないため、省略します。>>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
innerHTML内では改行は禁止?
-
onchangeイベントを強制的に発...
-
追加ボタンを押した際に ok ボ...
-
VB.NETで<Input>タグ、<text...
-
JSのボタンを複数う使うには
-
数値以外はテキストボックスに...
-
オークションサイト一括検索サ...
-
セレクトメニューの選択によっ...
-
横に書いてある文を縦に表示。
-
テキストボックスに文字列を入...
-
return trueとreturn falseの用...
-
特定<table>内の<td>の色を変える
-
value内に変数を入れたい
-
確認ダイアログの出し方(JavaS...
-
至急!GetElementById でtdの...
-
HTML中のTABLEのデータを抽出す...
-
ひ孫に当たるiframe から親ウイ...
-
XMLHttpRequestを利用してPHPへ...
-
プルダウンで選択すると、DBの...
-
slickのレスポンシブ > center...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
javaScriptの変数をJavaの変数...
-
クリックさせたいが、click()が...
-
onclickが動作しない
-
formのfileの値をhiddenでも持...
-
innerHTML内では改行は禁止?
-
追加ボタンを押した際に ok ボ...
-
ボタンかリンクをクリックする...
-
JQueryでfunctionに引数としてI...
-
JavaScriptのfileオブジェクト...
-
JSのボタンを複数う使うには
-
クリックでテーブル内の背景色...
-
VB.NETで<Input>タグ、<text...
-
ブラウザの外にあるマウスの情...
-
jQueryでshow/hideが上手く行か...
-
onClickがinput type="image"だ...
-
【javascript】ボタンクリック...
-
開いた子ウィンドウにあるボタ...
-
javascriptで作成されたテーブ...
-
jQueryで設定したイベントハン...
おすすめ情報