![[PukiWiki]](image/sandbox.gif "[PukiWiki]")
- バックアップ一覧
- 差分 を表示
- 現在との差分 を表示
- ソース を表示
- 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>
