Javascript（jQuery？）のドロップダウンボックスが必要です

Question

私は巨大なデータテーブルを持つページを作成しなければならず、編集可能でなければなりません。 問題は、フィールドの中には非常に長いもの（数百文字）があり、テーブルのレイアウトを乱すことなくこのテキストを入力する方法が必要ですが、入力中にテキスト全体を表示することです。

良い解決策は、クリックしたときに外に出るように、ちょうど<select>のようなバニラの1行のテキストボックスのように見えるもので、ユーザーが望むすべてのテキストを入力してから縮小しますユーザーがクリックしたときのテキストボックスサイズ。

jQueryのようなものでなければならないと確信していますが、見つけられません。各セルに対して

Answer 1

は、ここで私はいくつかのjavascript

http://jsfiddle.net/bsWy6/

で遊んで考え出したものだすることができます、それは正確に何をしたいですまで、スタイリングを台無し。私はあなたが探しているものにかなり近いと思う。

データベースからテーブルを作成しているとしますか？それが本当であれば、PHPを使ってidを生成するので、関数は正確なセルを知る必要があるので、すべての行に入力する必要はありません。あなたもそのコードで助けが必要な場合は、私に知らせて、私はここにそれを投稿します。私はあなたがPHPを使って何かをしたかどうか分からないので、あなたがそれを望まないなら、私はすべてのものに行きたいとは思わない。

幸運を祈る！

Answer 2

を、二つのフィールドます：次に<textarea>を隠し、<p>を示し

<td id="td-1-2"> 
    <p id="p-1-2">Some text to...</p> 
    <textarea id="ta-1-2">Some text to...</textarea> 
</td> 

をここで

は、それが行動しなければならない方法です。ユーザーが<p>をクリックすると、<p>が非表示になり、<textarea>と表示されます。テキストエリアの下に送信ボタンを置くか、フォーカスが失われたときにコンテンツを保存します。

Answer 3

私はNicEditorだと思います。インライン編集demoを参照してください。