دانلود رایگان دفترچه یادداشت با HTML5 و Javascript

دفترچه یادداشت با HTML5 و Javascript، یک برنامه تحت وب است که با استفاده از آن می توانید لیستی از یادداشت ها را برای خود و کاربران خود ایجاد کنید. برای دانلود رایگان دفترچه یادداشت با HTML5 و Javascript، بر روی دانلود این محصول کلیک کنید.

درباره این سورس کد :

قالب به زبان فارسی و انگلیسی می باشد.

رمز عبور فایل فشرده www.copro.ir می باشد.

بخشی از سورس کد دفترچه یادداشت با HTML5 و Javascript:

// add a note
html5sticky.addNote = function(){

    // count total present notes
    var tnotes = $('.note_common').length;

    if (tnotes === max_notes){
       html5sticky.showMessage('#FFE16B', 'black', 'You can not add any more notes, please delete some to add more.');
       return false;
    }

    // unique localstorage identifier for this sticky note
    var nindex = ++note_index + 'stickynote';

    var dated = html5sticky.getDateTime();
    var dateStr = new Date();
   
    // get random color
    var bgcolor = html5sticky.getColor();

    var stickynote = $('<div class="note_common ' + bgcolor + '" />').appendTo($('#main'));
    // add tape to stickynote
    html5sticky.addPin(stickynote);

    $(stickynote).append($('<h2>' + dated + '</h2>'));
    $(stickynote).append($('<p>Text here...</p>'));
    // append identifier
    $(stickynote).append($('<span id="idf_' + nindex + '" />'));

    // set width and height of the sticky note
    $('.note_common').css({width: stickywidth + 'px', height:stickyheight + 'px'});

    $('.note_common p').css({height:(stickyheight - 60) + 'px', width:(stickywidth + 9) + 'px'});

    if (! $("#removenotes").is(':visible')){
       $('#removenotes').slideDown('slow');
    }

    //$(stickynote).find('h2').attr('contentEditable', true);
    //$(stickynote).find('p').attr('contentEditable', true);

    // add utility buttons
    //html5sticky.addUtilityButtons(stickynote);

    // scroll to newly added sticky note
    $('html, body').animate({
      scrollTop:$(stickynote).offset().top
    });
    
    // store note info local storage
    if (Modernizr.localstorage){
       localStorage.setItem(nindex, nindex);
       localStorage.setItem(nindex + '|pos', parseInt($(stickynote).offset().left, 10) + '|' + parseInt($(stickynote).offset().top, 10));
       localStorage.setItem(nindex + '|text', $(stickynote).find('h2').text() + '|' + $(stickynote).find('p').text());
       localStorage.setItem(nindex + '|bgcolor', bgcolor);
       localStorage.setItem(nindex + '|dated', dated + '|' + html5sticky.getISODateTime(dateStr));
    }
    else {
       html5sticky.nohtml5();
    }
};