עבור לתוכן

עדכון MYSQL בעזרת JQUERY

על-ידי amitrotem
ב תכנות

Featured Replies

פורסם

שלום,

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

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

כמו שיש ב PHPMYADMIN.

תודה

עמית

  • ציטוט
    • 3 שבועות מאוחר יותר...
    פורסם

    עבור:


    <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 כדי שהסקריפט יפעל.

    תהנה :)

  • ציטוט

    • ארכיון

    דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

    עבור לרשימת הדיונים

    דיונים חדשים