Gfrktyl

Just create todo list using jquery and jquery UI. I want to add an item to my "To BE Done" list either press enter or click a button.

$(document).ready(function(){

  $('#add-todo').button({

    icons:{

      primary: "ui-icon-circle-plus"

    }

  }).click(function(){

    $('#new-todo').dialog('open');

  });//end click

  $('#new-todo').dialog({

    modal : true,

    autoOpen : false,

    buttons :{

      "add task" : function(){

        var taskName = $('#task').val();

        if (taskName === ''){

          return false;

        }

        var taskHTML = '<li><span class= "done">%</span>';

        taskHTML += '<span class="delete">x</span>';

        taskHTML += '<span class="task"></span></li>';

        var  $newTask = $(taskHTML);

        $newTask.find('.task').text(taskName);

        $newTask.hide();

        $('#todo-list').prepend($newTask);

        $newTask.show('clip', 250).effect('highlight', 1000);

        $(this).dialog('close');

      },

      "Cancel" : function(){

        $(this).dialog('close');

      }

    },

    close: function(){

      $('#new-todo input').val('');

    }

    $('').click(function(){



    });//on click

  });//end dialog







    //mark as complete

  $('#todo-list').on('click', '.done', function(){

    var $taskItem = $(this).parent('li');

    $taskItem.slideUp(250, function(){

      var $this = $(this);

      $this.detach();

      $('#completed-list').prepend($this);

      $this.slideDown();

    });

  });//end on

   //make both lists sortable

   $('.sortlist').sortable({

     connectWith : '.sortlist',

     cursor : 'pointer',

     placeholder : 'ui-state-highlight',

     cancel : '.delete, .done'

   });//end sortable



   //deleting taskHTML

  $('.sortlist').on('click', '.delete', function(){

    $(this).parent('li').effect('puff', function(){

      $(this).remove();

    });//end effect

  });//end on



});//end ready{