Academic Integrity: tutoring, explanations, and feedback — we don’t complete graded work or submit on a student’s behalf.

1) The Accordion widget lets the user display the contents of a panel by clickin

ID: 3586852 • Letter: 1

Question

1)

The Accordion widget lets the user display the contents of a panel by clicking on

(1pts)

the panel

a link

a button

the header of the panel

2)

To use a plugin, you must code all but one of the following:

(1pts)

a script element for the plugin

a script element for the jQuery library

a link element for the plugin’s CSS file

a link element for your own CSS file

3)

What type of control is a Datepicker widget associated with?

(1pts)

a check box

a text box

a radio button

a text area

4)

Before you can use most plugins, you must

(1pts)

register with the jQuery website

download them and store them on your web server

make sure they are available on the jQuery website

understand the code and CSS they contain

5)

Which of the following statements would you code to activate a Tabs widget that uses the HTML that follows?
<div id="panels">
    <ul id="tabs">
        <li><a href="#tabs-1">Book description</a></li>
        <li><a href="#tabs-2">About the author</a></li>
        <li><a href="#tabs-3">Who this book is for</a></li>
    </ul>
    <div id="tabs-1"><!-- the content --></div>
    <div id="tabs-2"><!-- the content --></div>
    <div id="tabs-3"><!-- the content --></div>

</div>

(1pts)

$("#panels").tabs();

$("#tabs").tabs();

$("#panels li").tabs();

$("#tabs li").tabs();

6)

To modify the formatting of a carousel that’s created by the bxSlider plugin, you can adjust

(1pts)

the jQuery code for the plugin

the options that you pass to the bxSlider() method

the styles in the CSS file for the plugin

the HTML that you code in your web page

7)

To include jQuery UI in your application, you must first include the core jQuery library. After that, which files and folders do you need to include?

(1pts)

the images folder, the external folder, and the compressed jQuery UI file

the images folder, the external folder, the compressed CSS file, and the compressed jQuery UI file

the compressed CSS file and the compressed jQuery UI file

the images folder, the compressed CSS file, and the compressed jQuery UI file

8)

The slides for a Cycle 2 plugin are typically coded as a series of img or div elements within a/an

(1pts)

section element

div element

ul element

ol element

9)

Code example 11-1
The HTML that is used by a Lightbox plugin
<a href="images/book_01a.jpg" data-lightbox="Murach" data-title="HTML5 and CSS3">
    <img src="images/book_01b.jpg">
</a>
<a href="images/book_02a.jpg" data-lightbox="Murach" data-title="PHP and MySQL">
    <img src="images/book_02b.jpg">
</a>
<a href="images/book_03a.jpg" data-lightbox="Murach" data-title="JavaScript">
    <img src="images/book_03b.jpg">
</a>
<a href="images/book_04a.jpg" data-lightbox="Murach" data-title="SQL Server 2016">
    <img src="images/book_04b.jpg">
</a>

(Refer to code example 11-1) What does “Murach” in the data-lightbox attributes of the <a> elements represent?

(1pts)

the text that will be displayed at the top of the lightbox

the group name for the set of elements

the name that’s used in the JavaScript to refer to the lightbox

the name of the array where the images for the lightbox will be stored

10)

What do the following options do?
    $("#datepicker").datepicker({
        minDate: new Date(),
        maxDate: +45

});

(1pts)

display a bar at the bottom of the widget with the minimum and maximum dates

add controls that let the user select between the minimum and maximum dates

set the maximum number of months that the widget can display

set the minimum and maximum dates that a user can select

Explanation / Answer

please check the answers

1. button (panel is visible with or without button)

2. script element for the plugin (We need to put the plugin url in script).

3. text box (Date Picker loaded in textbox only).

4. make sure they are available on the jQuery website. (Before adding plugin cdn we need to check availability).

5. $("#panels li").tabs(); (with use of li only we can activate the tabs).

6. the HTML that you code in your web page. (We didnt modify the code from plugin..we need to change from our end).

7. the images folder, the external folder, the compressed CSS file, and the compressed jQuery UI file.

8. div element

9. the name of the array where the images for the lightbox will be stored..(not much clarity on this answer..just in google i have found something regarding that).

10. add controls that let the user select between the minimum and maximum dates.

Thank You. All the best.