Problem 1 Using AJAX Problem: Your web site has many elements that need to be frequently updated. But you don't want to update the entire page. The...

Problem 1 Using AJAX

Problem: Your web site has many elements that need to be frequently updated. But you don't want to update the entire page.

The topic this week is:

Rummage Sales in your state. Locate and list at least five rummage sales in your state or region. Provide links to the sales and a description of the charity or organization that is benefiting from the rummage sale. Pictures should be included on the page.

Create a new web page named Week4Ajax.aspx and put it in the Pages folder. Make sure to include the link in your Homework menu as well.

Create a full page of content using ASP controls and HTML controls. Use at least 6 different ASP controls from the Toolbox: Label, Panel, Bulleted List, Hyperlink, Image and Table. The page should be long, so that the user has to scroll to view the bottom of the page. You should also include at least one YouTube video using the iframe tag.

Use the UpdatePanel and ScriptManager to identify at least one section on the page (the form) that will update independently of the other content of the page, as you learned in the lesson and readings. Remember if you use ScriptManager in the web.config, you won't need to use it in the page.

Inside an UpdatePanel, create a simple form, that requests the visitor to enter their email address. Add a web server Image button. When the user clicks on the button, display their information in the web page using an web server Label control and tell them they are added to the email list.

Save and preview your page in the browser. When the user fills out the form, the form will update on the page. However, the page will not scroll back to the top. Rather, the one area will simply update without impacting the rest of the page.

Problem 2 AJAX Control Toolkit versus JQueryUI/Bootstrap

Problem: Your web site has many elements that need to be frequently updated. Every three months your client wants to add a new feature. This time it's using the accordion control.

Your client wants to create an accordion control for a FAQ page about rummage sales. Each content area should provide information about rummage sales, and garage sales.

You have a choice. You should try to use the AJAX Control Toolkit first. However, we know that there are sometimes issues with the Toolkit. Therefore you can either install an Accordion control using AJAX Control Toolkit or from JQueryUI (http://jqueryui.com/accordion/ (Links to an external site.)

)

Create a new web page named Week4Accordion.aspx and put it in the Pages folder. Make sure to include the link in your Homework menu as well.

Create the content for the page and insert the accordion control.

You should have at least 4 content panes and provide descriptive headers for each content area.

You should use CSS or skins to format the accordion to match your web site theme. That includes formatting the color and font information. Apply the fade transition effect.

Save and preview your page in the browser.