Question

I Use jQuery Sticky Notes Plugin http://www.jquery-sticky-notes.com/
I Connect it with database using asp.net web service and ajax to create note and edit and delete, then i get notes from database using json array.
the problem is: i cant populate this plugin with notes from database
it use option array

jQuery(document).ready(function() {
            var options = {
                notes:[{"id":1,
                      "text":"Test Internet Explorer",
                      "pos_x": 50,
                      "pos_y": 50,  
                      "width": 200,                         
                      "height": 200,                                                    
                    }]
                ,resizable: true
                ,controls: true 
                ,editCallback: edited
                ,createCallback: created
                ,deleteCallback: deleted
                ,moveCallback: moved                    
                ,resizeCallback: resized                    

            };
            jQuery("#notes").stickyNotes(options);
        });

note contain note properties if one note now:-
how can i populete this plugin with notes from database using this array of options

Answer 1

try the code below and populate Note array as per comments in the code, starting from line 3 (You need to place a For loop or something). and then assign the array to option.notes as in the second last line.

jQuery(document).ready(function() {
            var note= new Object();
            ///////Populate the Notes array here
            note=[{"id":1,
                          "text":"Sticky Text1",
                          "pos_x": 20,
                          "pos_y": 50,  
                          "width": 200,                         
                          "height": 200,                                                    
                        },{"id":1,
                          "text":"Sticky Text 2",
                          "pos_x": 50,
                          "pos_y": 50,  
                          "width": 200,                         
                          "height": 200,                                                    
                        }];
                ///////Populate the Notes array here

                var options = {
                    notes:null
                    ,resizable: true
                    ,controls: true 
                    ,editCallback: edited
                    ,createCallback: created
                    ,deleteCallback: deleted
                    ,moveCallback: moved                    
                    ,resizeCallback: resized                    

                };
                options.notes=note;
                jQuery("#notes").stickyNotes(options);