以下のコードでボタンを取得してindex.html
、フォームのような環境ですべてのフィールドを一度に編集/保存できるようにしようとしています。残念ながら、それは私にとってはうまくいき ません。
ご協力ありがとうございました。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/Javascript" src="http://www.appelsiini.net/download/jquery.jeditable.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('.edit').editable('http://www.example.com/save.php', {
indicator : 'Saving...',
tooltip : 'Click to edit...'
});
$('.edit_area').editable('http://www.example.com/save.php', {
type : 'textarea',
cancel : 'Cancel',
submit : 'OK',
indicator : '<img src="img/indicator.gif">',
tooltip : 'Click to edit...'
});
});
$(".edit_trigger").bind("click", function() {
$(".edit_textfield").click();
});
</script>
<body>
<div class="edit" id="div_1">Dolor</div>
<div class="edit_area" id="div_2">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
magna aliquam erat volutpat.</div>
<button type="button" class="edit_trigger">Click this button and all the fields will become editable!</button>
</body>