Exam Question

You are implementing a website redesign of an existing website that provides historical weather condition maps.

The current layout resembles the graphic in the exhibit. (Click the Exhibit button.)

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- selector”.

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. $("#year-selector").slider({
  orientation: "vertical",
  range: { 2006: 2012},
  step: 1,

  }
• B. $("#year-selector").datepicker({
  yearRange: {2000:2010},
  contrainInput: false,
  stepMonths: 12

  });
• C. $("#year-selector").datepicker({
  numberOfMonths: 6 * 12,
  showButtonPanel: true,
  contrainInput: true,
  stepMonths: 3

  });
• D. $("#year-selector").slider({
  orientation: "vertical",
  min: 2006,
  max: 2012,
  step: 1,

  });