Which code segment should you use?

You are implementing a website redesign of an existing website that provides historical weather
condition maps. The current layout resembles the following graphic.


Year selection is implemented as a set of links, which causes the page to reload when the user
changes the year. The year selection HTML is contained in a div with an id of “year‐changer”.
You need to modify the page so that the user can change the year without the page reloading. You
also need to ensure that there is minimal change to the design of the page.
Which code segment should you use?


You are implementing a website redesign of an existing website that provides historical weather
condition maps. The current layout resembles the following graphic.


Year selection is implemented as a set of links, which causes the page to reload when the user
changes the year. The year selection HTML is contained in a div with an id of “year‐changer”.
You need to modify the page so that the user can change the year without the page reloading. You
also need to ensure that there is minimal change to the design of the page.
Which code segment should you use?


A.
Option A

B.
Option B

C.
Option C

D.
Option D

Explanation:
jQuery code will bind the slider control to the div.
$(document).ready(function(){
$(“#slider”).slider();
});
Now, when you run this page then you will see a long slider on page with no range. As we have not
specified any range.slider control comes with various options/properties which can be set. Here are
few of them.
1. min : Minimum value allowed for the slider.
2. max : Maximum allowed value for the slider.
3. step : How much you want to increment when you slide. Default is 1.
4. value : set default value of the slider.
Implement jQuery UI slider with ASP.NET
http://www.jquerybyexample.net/2010/09/implement‐jquery‐ui‐slider‐with‐aspnet.html



Leave a Reply 1

Your email address will not be published. Required fields are marked *