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:
Set the value of the search input to the text of the label element
Add a class of "hint" to the search input
Remove the label element
Bind a focus event to the search input that removes the hint text and the "hint" class
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?
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:
Hide all of the modules.
Create an unordered list element before the first module.
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.
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
Finally, show the first tab.
Copyright Rebecca Murphey, released under the Creative Commons Attribution-Share Alike 3.0 United States license.