I may update the scheduler app with some more features eventually, but it’s very low on my priority list right now. Although if you’d like, feel free to make a feature request. Hope that helps!

Thanks for your great work!

here is my code for scheduler.js

$(function() {

// Initialize some jQuery objects

var

$error = $(‘#error’),

$info = $(‘#info’),

$entry_section = $(‘#add-entry-section’),

$entry_name = $(‘#entry-name’),

$schedule = $(‘#schedule’),

$clone = $(‘#clone’),

$generate = $(‘#generate’);

// Start the setup

init();

// Setup code

function init() {

// Hide Stuff

$error.hide();

$info.hide();

// Make the table cells selectable

$schedule.selectable({

filter: ‘td’

});

// Whenever entries are created, let them be deletable

$(‘.deletable’).live(‘click’, removeEntry);

// Activate buttons

//$(‘#add-entry’).click(openEntrySection);

$(‘#save’).click(addEntries);

$(‘#cancel’).click(closeEntrySection);

$(‘#add-entry-form’).submit(addEntries);

$(‘#add-row’)

.click(addRow)

.hover(addRowHighlight, addRowUndoHighlight);

$(‘#remove-row’)

.click(removeRow)

.hover(removeRowHighlight, removeRowUndoHighlight);

$(‘#remove-entries’)

.click(removeEntries)

.hover(removeEntriesHighlight, removeEntriesUndoHighlight);

$(‘#generate’).click(generateSchedule);

// Prevent text selection on double-click

$(‘.actions a’)

.attr(‘unselectable’,'on’)

.css(‘MozUserSelect’,'none’)

.bind(‘selectstart.ui’, function() {

return false;

});

}

// Add a row to the table

function addRow() {

$schedule.find(‘tbody’).append(”);

addRowUndoHighlight();

addRowHighlight();

return false;

}

// Highlight bottom row of table to cue user of add action

function addRowHighlight() {

$schedule.find(‘tbody tr:last-child *’).addClass(‘adding’);

}

// Undo highlight

function addRowUndoHighlight() {

$schedule.find(‘tbody tr *’).removeClass(‘adding’);

}

// Delete last row from the table

function removeRow() {

$schedule.find(‘tbody tr’).last().remove();

removeRowUndoHighlight();

removeRowHighlight();

return false;

}

// Highlight row to be deleted to cue user of delete action

function removeRowHighlight() {

$schedule.find(‘tbody tr:last-child *’).addClass(‘deleting’);

}

// Undo highlight

function removeRowUndoHighlight() {

$schedule.find(‘tbody tr *’).removeClass(‘deleting’);

}

// Show “add entry” section

function openEntrySection() {

// Prevent entry deletion when section is open

$schedule.find(‘.entry’).removeClass(‘deletable’).removeAttr(‘title’);

// Show section

$entry_section.slideDown(function() {

$entry_name.focus();

});

// Make the table cells selectable

$schedule.selectable({

filter: ‘td’

});

return false;

}

// Hide “add entry” section

function closeEntrySection() {

// Get rid of selectables

$schedule.selectable(‘destroy’);

$(‘.ui-selected’).removeClass(‘ui-selected’);

// Make entries deletable

$schedule.find(‘.entry’).addClass(‘deletable’).attr(‘title’,'Click to delete’);

// Make the table cells selectable

$schedule.selectable({

filter: ‘td’

});

return false;

}

// Add entries to table

function addEntries() {

// Get the input text

var entryValue = “OK”;;

entryValue = $.trim(entryValue);

// Get selected table cells

var $selected = $(‘.ui-selected’);

if (!entryValue) {

$error.message(“”, “You didn’t enter a name.”);

} else if (!$selected.length) {

$error.message(“”, “You didn’t select anything.”);

} else {

// Add entry to each selected cell

var entry = ” + entryValue + ”;

$selected.append(entry);

// Close the section

//closeEntrySection();

$(‘.ui-selected’).removeClass(‘ui-selected’);

$info.message(“”, entryValue + ” has been added.”);

}

return false;

}

// Delete entry from the table

function removeEntry() {

$(this).effect(‘explode’, 500, function() {

$(this).remove();

});

}

// Delete all entries from the table

function removeEntries() {

// Find all entries

var $entries = $schedule.find(‘.entry’);

// Delete them

$entries.fadeOut(function() {

$entries.remove();

});

return false;

}

// Highlight entries to be deleted to cue user of deletion action

function removeEntriesHighlight() {

$(‘.entry’).addClass(‘deleting’);

}

// Undo highlight

function removeEntriesUndoHighlight() {

$(‘.entry’).removeClass(‘deleting’);

}

// Generate a schedule from the table

function generateSchedule() {

// Clone the table

$clone.empty()

$schedule.clone().removeAttr(‘id’).removeClass(‘ui-selectable’).addClass(‘cloned’).appendTo($clone);

// Remove input fields

// Prevent entries from deletion

// Display random entry for each cell

$clone

.find(‘input’).each(function(index) {

var text = $(this).val();

$(this).replaceWith(” + text + ”);

}).end()

.find(‘.deletable’).removeClass(‘deletable’).removeAttr(‘title’).end()

.find(‘.ui-selectee’).removeClass(‘ui-selectee’).end()

.find(‘.ui-selected’).removeClass(‘ui-selected’).end()

.find(‘.cloned tbody td’).randomChild();

return false;

}

});

;(function($) {

/*

* Random Child (0.1)

* by Mike Branski (www.leftrightdesigns.com)

* mikebranski@gmail.com

*

* Copyright (c) 2008 Mike Branski (www.leftrightdesigns.com)

* Licensed under GPL (www.leftrightdesigns.com/library/jquery/randomchild/gpl.txt)

*/

$.fn.randomChild = function(settings) {

return this.each(function(){

var c = $(this).children().length;

var r = Math.ceil(Math.random() * c);

$(this).children().hide().parent().children(‘:nth-child(‘ + r + ‘)’).show();

});

};

// My extensions

$.fn.message = function(strongText, plainText) {

return this.each(function() {

$(this)

.empty().fadeIn()

.html(‘‘ + strongText + ‘ ‘ + plainText + ”)

.delay(2000).fadeOut();

});

};

})(jQuery);