עריכת נתונית באמצעות AJAX

[Ori The Man]

אהלן,
אני מנסה לבצע עריכת נתונים מתוך הטבלה
ניתן לראות פה דוגמה למה שעשיתי (הורדתי את כל הקטע של שליחת נתונים לקובץ עריכה)
http://www.oritheman.net/prob/index.html

פה זה עובד טוב זה שולח נתונים ועורך אותם כמו שצריך-אבל זה רק בליחצה על כל מקום בשורה

כאשר אני מנסה לעשות שרק בלחיצה על התמונת עריכה זה עושה את זה כמו שצריך אבל הוא לא עורך,הוא כאילו לא מזהה את ה Change
http://www.oritheman.net/prob/index2.html

מה אני עושה לא בסדר :S (אני חדש בכל הנושא של jquery)

[BuildDream]

למה בכלל להשתמש בjQuery? מה כבר חסר לך בJavaScript?

[Steve-Web]

אני אשלח אם יהיה אפשר לראות את הקוד המלא (לא רוצה להתחיל לחפש עכשיו תסקריפט בדפים שלך) ואשמח לעזור לך .

[Ori The Man]

זה הקוד

$(".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)

<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">&nbsp;</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>

[איציק ברבי]

האירוע Change עוד ע"י כך שאתה מוריד את הFOCUS מהאינפוט..
אם אתה רוצה לבדוק כל תו ותו שנכנס תעבוד עם keyup..

אני מקווה שהבנתי אותך נכון, לא הסברת את זה כל כך טוב.

[Ori The Man]

נתתי את הדוגמאות

ברגע שאני מכיר את זה על שורה שלמה זה עובד כמו שצריך,מראה את ה INPUT וברגע שאני משנה משהו זה עורך

אבל ברגע שאני רוצה שבלחיצת תמונה זה יעבוד,זה גם מראה את ה INPUT והכל כמו שצריך אבל לא עורך הוא כאילו לא מזהה את ה CHANGE

[Itay]

לא מבין מה ניסית לעשות שם שבכלל הלכת על דבר כזה..

תעשה שבלחיצה על האייקון זה יחליף למה שאתה צריך, ויוסיף לאייקון מחלקה או ישנה למחלקה אחרת (שאם היא קיימת אז הלחיצה עליה לא פותחת את העריכה), ואז ברגע שלוחצים על התמונה הזאת שוב זה שומר
מה אכפת לך אם עשו שינוי או לא?