CSSやJavaScript（jQuery）を使用して、フォームのテキストエリアをより使いやすくする9つのトリックを紹介します。CSS画像の表示には、スタイルシートを利用します。textarea {background: url(images/benice.png) center center n... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
jQuery Form Tips Plugin フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」 フォームにデフォルト値を入れておくことで利用者が何をいれていいのか、というのが直感的にわかり、かつスペースもとらないのでよく使われる手法ですが、実装も超簡... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
contentEditable属性とdesignMode属性を設定したiframeで作るべし、と言うことみたいです。IEとGeckoで微妙に実装が違うので、ちょこちょこコードの変更は必要ですが。基本的にはこんな感じ。１．編集用のiframe生成。 ※編集機能のないブラウザではtextareaで対応... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これはなかなかいいですね。
textareaのサイズを入力にあわせて調整するＪａｖａＳｃｒｉｐｔ (イラストdeブログ開発記)
イラストdeブログの掲示板の使い勝手を高めるため、textareaサイズをJavaScriptで改行入力毎に大きくするコードを書いてみました
function re... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
textareaのサイズを入力にあわせて調整するＪａｖａＳｃｒｉｐｔ (イラストdeブログ開発記) イラストdeブログの掲示板の使い勝手を高めるため、textareaサイズをJavaScriptで改行入力毎に大きくするコードを書いてみました。textareaのサイズを入力にあわせて調整するＪａｖａ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
イラストdeブログの掲示板の使い勝手を高めるため、textareaサイズをJavaScriptで改行入力毎に大きくするコードを書いてみました。
実動作サンプル
----コードここから----
<html><body>
<script type="text/javascript">
functi... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ。 バリデートするライブラリも沢山でてきました。とここら辺で一度まとめておきました。Really easy field validation (デモ) - 入力値がおかしいと、エラーメッセージをフェードインさせながら超... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ちょっとCSSを書き換えます。以下のCSSを参考にして各自にてCSSを調整しながら書き換えてみてください。もしくはYahoo! UI Library: Grids CSSのCSSを参考にして書き換えてみるといいかもしれないです。私の書き換えたパターンは以下の通りです。 /* Main style ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ころたま。なんでこれを今まで思いつかなかったか! [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
