jQuery

Jul 15, 2015

###Initial Thoughts jQuery is hard. My brain doesn’t understand it yet. I know that javascript is capable of doing some cool things, but it is confusing.

###My Books Modal In this codepen I am showing what happens when the user clicks on a book. When the user clicks on a book, a modal appears over the book with the book title and author, a button indicating if you have or have not read the book and ratings information. When the user selects the ‘want to read!’ button the button color goes from green to blue. To close the modal the user double clicks.

See the Pen Goodreads- My Books modal by Carissa Melanson (@carissamelanson) on CodePen.

###Settings Drop down Menu In this example when a user hovers over the settings icon, a menu box slides down below it. When items in the menu are selected, the text color changes to blue. When the user double clicks an item, the list item is deselected.

See the Pen Goodreads-Settings dropdown by Carissa Melanson (@carissamelanson) on CodePen.

###Buttons This example shows the button functions that occur when a user selects the button. When the button is selected, a menu drops down. The user can choose:
- Want to Read
- Currently Reading
- Finished Reading

When an option is selected, the button color changes from green to blue and the button text changes to the text that was selected, the drop down menu hides.

See the Pen Goodreads- Button Actions by Carissa Melanson (@carissamelanson) on CodePen.