Permalink
Browse files

Remove unused exercise files - fixes #137

  • Loading branch information...
1 parent c74b9e2 commit 48b177f312ace74c1526d66bb38f1f3849ccff84 @bobholt bobholt committed Nov 29, 2012
Showing with 0 additions and 164 deletions.
  1. +0 −59 page/ajax/ajax-excercises.md
  2. +0 −52 page/effects/effects-exercises.md
  3. +0 −53 page/events/event-exercises.md
@@ -1,59 +0,0 @@
----
-title : Exercises
-level: beginner
-source: http://jqfundamentals.com/legacy
-attribution:
- - jQuery Fundamentals
----
-### Load External Content
-
-Open the file `/exercises/index.html` in your browser. Use the file
-`/exercises/js/load.js`. Your task is to load the content of a blog item when
-a user clicks on the title of the item.
-
-1. Create a target div after the headline for each blog post and store a
- reference to it on the headline element using `$.fn.data`.
-
-2. Bind a click event to the headline that will use the $.fn.load method to
- load the appropriate content from /exercises/data/blog.html into the target
- div. Don't forget to prevent the default action of the click event.
-
-Note that each blog headline in index.html includes a link to the post. You'll
-need to leverage the href of that link to get the proper content from
-blog.html. Once you have the href, here's one way to process it into an ID
-that you can use as a selector in `$.fn.load`:
-
-```
- var href = "blog.html#post1";
- var tempArray = href.split("#");
- var id = "#" + tempArray[1];
-```
-
-Remember to make liberal use of `console.log` to make sure you're on the right
-path!
-
-### Load Content Using JSON
-
-Open the file `/exercises/index.html` in your browser. Use the file
-`/exercises/js/specials.js`. Your task is to show the user details about the
-special for a given day when the user selects a day from the select dropdown.
-
-1. Append a target div after the form that's inside the #specials element;
- this will be where you put information about the special once you receive
- it.
-
-2. Bind to the change event of the select element; when the user changes the
- selection, send an Ajax request to `/exercises/data/specials.json`.
-
-3. When the request returns a response, use the value the user selected in the
- select (hint: `$.fn.val`) to look up information about the special in the
- JSON response.
-
-4. Add some HTML about the special to the target div you created.
-
-5. Finally, because the form is now Ajax-enabled, remove the submit button
- from the form.
-
-Note that we're loading the JSON every time the user changes their selection.
-How could we change the code so we only make the request once, and then use a
-cached response when the user changes their choice in the select?
@@ -1,52 +0,0 @@
----
-title : Effect Exercises
-level: beginner
-source: http://jqfundamentals.com/legacy
-attribution:
- - jQuery Fundamentals
----
-### Reveal Hidden Text
-
-Open the file `/exercises/index.html` in your browser. Use the file
-`/exercises/js/blog.js`. Your task is to add some interactivity to the blog
-section of the page. The spec for the feature is as follows:
-
-* Clicking on a headline in the #blog div should slide down the excerpt
- paragraph
-
-* Clicking on another headline should slide down its excerpt paragraph, and
- slide up any other currently showing excerpt paragraphs.
-
-Hint: don't forget about the `:visible` selector!
-
-### Create Dropdown Menus
-
-Open the file `/exercises/index.html` in your browser. Use the file
-`/exercises/js/navigation.js`. Your task is to add dropdowns to the main
-navigation at the top of the page.
-
-* Hovering over an item in the main menu should show that item's submenu items,
- if any.
-
-* Exiting an item should hide any submenu items.
-
-To accomplish this, use the `$.fn.hover` method to add and remove a class from
-the submenu items to control whether they're visible or hidden. (The file at
-`/exercises/css/styles.cs`s includes the "hover" class for this purpose.)
-
-### Create a Slideshow
-
-Open the file `/exercises/index.html` in your browser. Use the file
-`/exercises/js/slideshow.js`. Your task is to take a plain semantic HTML page
-and enhance it with JavaScript by adding a slideshow.
-
-1. Move the #slideshow element to the top of the body.
-
-2. Write code to cycle through the list items inside the element; fade one in,
- display it for a few seconds, then fade it out and fade in the next one.
-
-3. When you get to the end of the list, start again at the beginning.
-
-For an extra challenge, create a navigation area under the slideshow that shows
-how many images there are and which image you're currently viewing. (Hint:
-`$.fn.prevAll` will come in handy for this.)
@@ -1,53 +0,0 @@
----
-title: Exercises
-level: beginner
-source: http://jqfundamentals.com/legacy
-attribution:
- - jQuery Fundamentals
----
-###Create an Input Hint
-
-Open the file `/exercises/index.html` in your browser. Use the file
-`/exercises/js/inputHint.js` or work in Firebug. Your task is to use the text
-of the label for the search input to create "hint" text for the search input.
-The steps are as follows:
-
-1. Set the value of the search input to the text of the label element
-
-2. Add a class of "hint" to the search input
-
-3. Remove the label element
-
-4. Bind a focus event to the search input that removes the hint text and the
- "hint" class
-
-5. Bind a blur event to the search input that restores the hint text and
- "hint" class if no search text was entered
-
-What other considerations might there be if you were creating this
-functionality for a real site?
-
-### Add Tabbed Navigation
-
-Open the file `/exercises/index.html` in your browser. Use the file
-`/exercises/js/tabs.js`. Your task is to create tabbed navigation for the two
-div.module elements. To accomplish this:
-
-1. Hide all of the modules.
-
-2. Create an unordered list element before the first module.
-
-3. Iterate over the modules using `$.fn.each`. For each module, use the text
- of the h2 element as the text for a list item that you add to the unordered
- list element.
-
-4. Bind a click event to the list item that:
-
- * Shows the related module, and hides any other modules
-
- * Adds a class of "current" to the clicked list item
-
- * Removes the class "current" from the other list item
-
-5. Finally, show the first tab.
-

0 comments on commit 48b177f

Please sign in to comment.