Website with JavaScript and Mobile Device Stylesheet

Description

Website with JavaScript and Mobile Device Stylesheet

1. Review the articles at http://www.hand-interactive.com/resources/detect-mobile-javascript.htm and/or http://www.abeautifulsite.net/blog/2011/11/detecting-mobile-devices-with-javascript/. Also review the articles at http://www.thesitewizard.com/javascripts/change-style-sheets.shtml and/or http://www.w3schools.com/dhtml/default.asp.
2. Create a page that uses JavaScript to determine if the user is viewing the site with a mobile device and changes the stylesheet to display the page appropriately. Your page should meet the following technical requirements:
• The page should ask the user for some kind of input. This can be text input to a textbox, a choice from a pulldown or a radio button.
• The page should use this input to modify the display in some way. For example, the user may choose a background color from a pulldown menu, or the page may refer to the user by name once the name is entered into a text box.
• The page should have some kind of interactive graphic capability, such as a picture that changes on click or mouseover.
• The page should report some information obtained from the user without human input, such as the type of browser or the time set on the user’s computer.