- ベストアンサー
こういう事は可能ですか？
tenro-の回答
前半部のやりたいことはこういうことでしょうかね？ やってることは簡単ですので、ちょっとだけ説明。 customOnFocus() はonFocusイベントをキャッチしたときに呼ばれるファンクション。 setOnFocus() はformのオブジェクトのイベントハンドラを置き換える処理。 例ではT1とT3にのみやりたい処理を当てています。 全てのテキストボックスに・・・ということであれば、 forでまわして、typeを判別して、全てのテキストボックスに当ててやればOK。 ただし、<body>にonLoadを指定する必要があります。 全部に書くよりは簡単でしょ？ 全部試したわけではないですが、ほとんどのイベントハンドラは 置き換えることが出来ますよ。 <head> <title></title> <script language="JavaScript"> <!-- //カスタマイズされたonkeydownイベントハンドラ function customOnFocus(){ this.select(); } //onkeydownイベントハンドラを置き換える function setOnFocus(){ //ここでonfocusを置き換えたいオブジェクトのonfocusを //customOnFocusにする document.forms[0].T1.onfocus = customOnFocus; document.forms[0].T3.onfocus = customOnFocus; } // --> </script> </head> <body onLoad="setOnFocus()"> <form> <input name="T1" value="hogehoge"> <input name="T2" value="hogehoge"> <input name="T3" value="hogehoge"> </form> </body>
関連するQ&A
- INPUTタグのselectについて
INPUTタグのselectについて いつもお世話になりますm(__)m <input type="text" name="hoge" onfocus="this.select()"> 上記のようにすると、フォーカスされた時に、入力されている値が選択状態になりますが、これをフォーム上の全てのINPUTとTEXTAREAに適用できるような方法はありませんでしょうか？ 既に作成済みのフォーム(HTML)に一つずつ「onfocus="this.select()"」を入れるのは、非常に手間がかかります。 一気にスタイルシート等で設定できればと思い、質問させて頂きました。 ご存じのかた、ご教授頂けますようお願い致しますm(__)m
- ベストアンサー
- HTML
- テキストエリア内の改行もそのままクリップボードへ
テキストエリアをクリック→テキストエリア内の内容がコピーされる。 というページを作成しています。 <textarea cols="65" rows="6" onclick="this.select();clipboardData.setData('text',this.value);"> ○○○ ●●● △△△ 111111 222222 </textarea> この内容だと、テキストエリア内の改行が反映されず、コピーされたものを他の場所に貼り付けると、すべて横に繋がった１行の文になってしまいます。 これを、目に見えているまま、改行も含めてそのままコピーさせるには、どうすればいいですか？ ちなみに、必要な情報な情報かどうかわかりませんが、同様のテキストエリアが同一ページ内に複数あります。 テキストエリアをクリックでコピーではなく、コピーボタンを押下でコピーでも構いませんが、コピーされるとテキストエリアの色が反転（？）するという動作がほしいと思っています。 説明が下手ですみません…よろしくお願いします。
- 締切済み
- HTML
- textareaに画像を表示したい
textareaの入力支援を作成しています。 PHPで画像のディレクトリを開き別窓などに一覧表示させ、 その画像をクリックでjQueryでテキストエリアへタグを挿入。 <textarea id="test"> あああ <img src="hoge.jpg"> いいい </textarea> ↑のようにIMGタグを挿入する状態までは実装させることが出来るのですが、 UI的に、このIMGタグを画像（サムネ）として表示させたいと考えています。 <textarea id="test"> あああ ■（←画像） いいい </textarea> テキストエリアを監視して置換するなど方法はありそうなのですが そもそもテキストエリア内で画像を表示させることができるのでしょうか？ 何かいいアイディア、あるいはプラグイン等がありましたら教えてください。
- ベストアンサー
- JavaScript
- IE限定可 <tr>～</tr>タグの上げ下げ方法は？
<FORM id=formid name=frm action=#> <table> <tr onclick=chCell(this) onFocus=chCell(this)> <td style=CURSOR:hand>cell 1</td> <td style=CURSOR:hand>hoge</td> </tr> <tr onclick=chCell(this) onFocus=chCell(this)> <td style=CURSOR:hand>cell 2</td> <td style=CURSOR:hand>hoge</td> </tr> <tr onclick=chCell(this) onFocus=chCell(this)> <td style=CURSOR:hand>cell 3</td> <td style=CURSOR:hand>hoge</td> </tr> <table> <input type="button" value="項目を上げる"> <input type="button" value="項目を下げる"> </form> 上記のようなフォームで以下の事が実装したいのですがどなたかご教授頂けませんでしょうか。 ・ 項目（行）をクリックすると色が変わる ← （実装済み） ・ 行を指定して「項目を上げる」をクリックすると上へ上がる ・ 行を指定して「項目を下げる」をクリックすると下へ上がる ・ 矢印キーでフォーカスの上下移動 何卒お願い申し上げます。
- ベストアンサー
- JavaScript
- テキストエリアの中のテキストにリンクを付けたいのですが
ホームページビルダー９でホームページを作成しています。 挿入→その他→ＨＴＭＬタグ→タグの中からＴＥＸＴＡＲＥＡを選択しテキストエリアを作成 作成したテキストエリアに文章を入れ表示することはできるのですがその文章にリンクを付けることができません 例：今日は病院へ行きました。 上記の文章の『病院』をクリックしたとき、指定したページにリンクしたいのですがどのようにすればできるでしょうか？よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- リンクを選択すると現れる点線枠
IEでリンクをクリックすると現れる点線枠を消すため <a href="リンク先URL" onfocus="this.blur();">○○</a> と、【onfocus="this.blur();"】をAタグ内に追加していますが、サイト内のリンクが多すぎるため、ごちゃごちゃになってしまいます。これを一括指定させたいのですが、どのように書けばいいのでしょうか。または外部スタイルシートで書くことはできますか。
- ベストアンサー
- HTML
- テキストエリアの選択行番号を返す関数
下記のようなJavaScriptで、削除ボタンが押されたときにテキストエリアの何行目が 選択されているかを返す関数を作成途中なのですが、残りの部分がわかりません。 どうすれば、実現できるのか教えていただけないでしょうか。 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>ホームバンキング</title> <script language="javascript"> <!-- document.form1.display.focus(); // テキストエリアにまずフォーカスを与える function select_row(){ // テキストエリアの何行目がクリックされているかを返す関数 var textarea = document.getElementById('display'); // テキストエリアのHTMLエンティティを取得 for(var i=0; i<textarea.length; i++){ if() break; // テキストエリアのi行目が選択されていたら、 } //document.form1.display.select(); // テキストエリアを選択状態にする return i; } //--> </script> </head>
- ベストアンサー
- JavaScript
- クリックすると表示されていた説明文が非表示になる設定
フォームの作成の件で不明な点があるのでどなたかご指導お願いします。 やりたいことは、 テキストフィールドにページ読み込み時は説明文を表示しておいて、 そのフィールドがクリックされると説明文が非表示になり、入力が出来る。 という事をやりたいんですが、 ある雑誌に<textarea>～</textarea>でのやり方が書いてあったのですが、 <input～>でやろうと思ったら出来ませんでした。下のタグでやってみました。 最初に表示しておきたい説明文は「※半角で入力」です。 <input name="message" type="text" class="textbox"id="message" onFocus="if(this.value=='※半角で入力')this.value='';"onBlur="if(this.value=='')this.value='※半角で入力';" value="※半角で入力" size="20" maxlength="10"> 宜しくお願いします。
- ベストアンサー
- JavaScript
- textとtextareaの書式に設定について
先日、質問をさせて頂きました者になります。 input textとtextareaの書式の設定制御の方法が、 分からなくなってしまい質問をさせて頂きました。 【やりたい事】 textやtextareaの初期値のテキスト色とバックグランの色を、 textやtextareaに初期値が入っている時と入力した値が入っている時に、 指定した書式に各種設定したいと思っています。 具体的には、textやtextareaに初期値が入っている時には、 初期値の文字を薄いグレー色に設定し、バックグランドをピンク色に設定し、 textやtextareaに入力をした値が入っている時には、 入力した文字を黒色に設定し、バックグランドを白色に設定したいと思ってます。 ご教授頂ければと存じます。 よろしくお願いいたします。 【ソース】 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN Frameset" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <script type="text/javascript"> <!--ログ生成スクリプトを取得--> function textoutput(formObj) { <!--text01を取得--> if((text01 = formObj.elements["text01"].value)==formObj.elements["text01"].defaultValue)text01=""; <!--text02を取得--> if((text02 = formObj.elements["text02"].value)==formObj.elements["text02"].defaultValue)text02=""; <!--textarea01を取得--> if((textarea01 = formObj.elements["textarea01"].value)==formObj.elements["textarea01"].defaultValue)textarea01=""; <!--textarea02を取得--> if((textarea02 = formObj.elements["textarea02"].value)==formObj.elements["textarea02"].defaultValue)textarea02=""; <!--出力データを作成--> var text = ''; <!--text3データを作成--> if(text01!==""){ text += '質問1：' + '\n'+ text01 + '\n'; } <!--text2データを作成--> if(text02!==""){ text += '質問２：' + '\n'+ text02 + '\n'; } <!--textarea01データを作成--> if(textarea01!==""){ text += '質問３：' + '\n'+ textarea01 + '\n'; } <!--textarea02データを作成--> if(textarea02!==""){ text += '質問４：' + '\n'+ textarea02 + '\n'; } <!--出力データを作成--> formObj.elements["output"].value=text; } </script> </head> <body> <form name="form01"> <strong>・諮問１：</strong><br> <input type="text" name="text01" value="１入力してください" id="p1" size="30" class="disabled" onfocus="if (this.value == defaultValue) this.value = '';" onblur="if (!this.value) this.value = defaultValue;"><br> <strong>・諮問2：</strong><br> <input type="text" name="text02" value="2入力してください" id="p2" size="30" class="disabled" onfocus="if (this.value == defaultValue) this.value = '';" onblur="if (!this.value) this.value = defaultValue;"><br> <strong>・諮問3：</strong><br> <textarea name="textarea01" id="textarea01" cols="60" rows="5" onfocus="if(this.value == this.defaultValue) this.value=''" onblur="if(this.value == '') this.value=this.defaultValue"> ３入力してください </textarea><br> <strong>・諮問4：</strong><br> <textarea name="textarea02" id="textarea02" cols="60" rows="5" onfocus="if(this.value == this.defaultValue) this.value=''" onblur="if(this.value == '') this.value=this.defaultValue"> ４入力してください </textarea><br> <strong>・出力結果：</strong><br> <input type="button" value="ログ出力" onClick="textoutput(this.form);"> <br> <textarea cols=60 rows=20 name="output" id="output"></textarea><br> <textarea id="text" cols="30" rows="5" wrap="soft"></textarea><br> <button onclick="save();">save</button><a id="anchor" href=""></a> </form> </body> </html>
- ベストアンサー
- JavaScript
お礼
わかりました。 ありがとうございました♪