- バックアップ一覧
- 差分 を表示
- 現在との差分 を表示
- ソース を表示
- prototype.jsの利用例:マウスオーバー時にテキストを編集できるようにする へ行く。
- 1 (2006-10-29 (日) 12:43:19)
- 2 (2006-10-29 (日) 18:06:50)
prototype.jsの利用例:マウスオーバー時にテキストを編集できるようにする
お問い合わせフォームでは確認画面が表示されることが多いですが、その画面上で表示される各データに対してマウスオーバーすると即その場で修正できると便利かなと思い、その方法を探して、実装してみました。Google Calendarの予定詳細編集画面の挙動とイメージしていることは同じです。
最初に確認画面のHTMLの例(ごくごく簡単に)
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="prototype.js"></script> </head> <body> <tr> <td>会社名</td><td>アークウェブ</td> </tr> <tr> <td>お名前</td><td>進地</td> </tr> <form action="" method="post"> <input type="hidden" name="company" value="アークウェブ" /> <input type="hidden" name="name" value="進地" /> <input type="submit" name="submit" value="送信" /> </form> </body> </html>