שלום,

בניתי ממשק שהמשתמש יכול להוסיף נתונים ל DB, באפשרותו למחוק רשומות ולעדכן אותם.

כיצד אני יכול לשפר את עדכון הרשומות בצורה ויזואלית, כאשר המשתמש לוחץ על הרשומה היא תהפוך ל <input> עם כפתור עדכן.

כמו שיש ב PHPMYADMIN.

תודה

עמית

עבור:

<span id="row_51" onclick="UpdateRow(51)">foo</span>

והסקריפט הבא:

<script>
function DataAjax( rowId )
{
     /* update ajax */
     /*if everything alright:*/
     return true;
}

function UpdateRow( rowId )
{
    $("#row_"+rowId).replaceWith('<input type="text" id="edit_' + rowId +'" value="'+ $("#row_"+rowId).text() +'">');

    $("#edit_"+rowId).keypress(function(e){
        if(e.which == 13)
        {
                if( DataAjax(rowId) == true )
                {
                    alert("Data was updated successfuly!");
                    $(this).replaceWith('<span id="row_' + rowId + '" onclick="UpdateRow(' + rowId +')">' + $(this).val() + '</span>');
                }
                else
                {
                    alert("Error!");
                }
        }
    });
}
</script>

זה יעבוד (רק אל תשכח להוסיף בפונקציה DataAjax את בקשת הAjax שתעדכן את התוכן ואל תשכח לייבא את JQUERY כדי שהסקריפט יפעל.

תהנה