זה הקוד
HTML קוד:
$(".edit_tr").click(function()
{
var ID=$(this).attr('id');
$("#realname_"+ID).hide();
$("#username_"+ID).hide();
$("#email_"+ID).hide();
$("#realname_input_"+ID).show();
$("#username_input_"+ID).show();
$("#email_input_"+ID).show();
}).change(function()
{
var ID=$(this).attr('id');
var realname=$("#realname_input_"+ID).val();
var username=$("#username_input_"+ID).val();
var email=$("#email_input_"+ID).val();
var dataString = 'id='+ ID +'&realname='+realname+'&username='+ username + '&email='+ email;
if(realname.length>0 && username.length>0 && email.length>0)
{
$.ajax({
type: "POST",
url: "ajax.php",
data: dataString,
cache: false,
success: function(html)
{
$("#realname_"+ID).html(realname);
$("#username_"+ID).html(username);
$("#email_"+ID).html(username);
}
});
}
else
{
alert('אנא מלא את כל השדות הדרושים.');
}
});
// Edit input box click action
$(".editbox").mouseup(function()
{
return false
});
// Outside click action
$(document).mouseup(function()
{
$(".editbox").hide();
$(".text").show();
});
זה הטבלה (מצטער על כל הסלסולים זה עובד עם smarty)
HTML קוד:
<table id="rounded-corner" dir="rtl">
<thead>
<tr>
<th scope="col" class="rounded-company"></th>
<th scope="col" class="rounded">ID</th>
<th scope="col" class="rounded">שם</th>
<th scope="col" class="rounded">שם משתמש</th>
<th scope="col" class="rounded">מייל</th>
<th scope="col" class="rounded">ערוך</th>
<th scope="col" class="rounded-q4">מחק</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="6" class="rounded-foot-left"><em>הערות הערות הערות הערות הערות הערות</em></td>
<td class="rounded-foot-right"> </td>
</tr>
</tfoot>
<tbody>
<form action="{$smarty.server.PHP_SELF}?do=multy_delete" method="post" name="multy_delete">
{foreach from=$row item=rows}
<tr id="{$rows.id}" class="edit_tr">
<td><input type="checkbox" name="checkbox[]" id="checkbox[]" value="{$rows.id}" /></td>
<td>{$rows.id}</td>
<td class="edit_td"><span id="realname_{$rows.id}" class="text">{$rows.realname}</span>
<input type="text" value="{$rows.realname}" class="editbox" id="realname_input_{$rows.id}"></td>
<td class="edit_td"><span id="username_{$rows.id}" class="text">{$rows.username}</span>
<input type="text" value="{$rows.username}" class="editbox" id="username_input_{$rows.id}"></td>
<td class="edit_td"><span id="email_{$rows.id}" class="text">{$rows.email}</span>
<input type="text" value="{$rows.email}" class="editbox" id="email_input_{$rows.id}"></td>
<td><img src="images/user_edit.png" alt="" title="" border="0" /></td>
<td><a href="{$smarty.server.PHP_SELF}?do=delete&id={$rows.id}" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
</tr>
{/foreach}
</tbody>
</table>