Removing list items


show more Removing list items provides you with in-depth training on Design. Taught by Joseph Lowery as part of the HTML5 Projects: Advanced To-Do List show less
please wait ...

Removing list items

One of my greatest joys in life is marking items off my list. I've even been known to write out a list item even though I've already done it just so I can scratch it out. What can I tell you. In this lesson, we'll add the functionality to remove list items one at a time, as well as wire up our clear all link so we can get rid of them all quickly and easily. Now we have the index dot html file from the chapter 3 03 04 folder open in our code editor, to the bottom of the page we go where our javascript lies and we'll go all the way to the bottom and add in our next set of functions.

So I need three functions to remove list items properly, one to show the red x when a user mouses over the list item, another to hide that red x when he or she mouses out, and then a third to delete the list item when the x is clicked. All three use the J query on function to detect event triggering so we're going to put the first of these after our sortable update code block. Now, the red x is hidden by de...

Removing list items
Video duration: 5m 47s 45m 50s Intermediate

Viewers:

Removing list items provides you with in-depth training on Design. Taught by Joseph Lowery as part of the HTML5 Projects: Advanced To-Do List

Subjects:
Design Web
Software:
HTML JavaScript CSS
Author:
please wait ...