Scribd
Upload
5 views5 pages

Setting Up index.html with jQueryUI

This document provides instructions for setting up an 'index.html' page to work with 'jQuery' and 'jQueryUI' for Project 2. It details the necessary script and link statements to include the latest versions of 'jQuery' and 'jQueryUI', as well as how to select a theme for the widgets. Additionally, it mentions the resources available in the 'CodeExamples' folder, including themes and a template for the 'index.html' page.

Uploaded by

tbosexr5x
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
5 views5 pages

Setting Up index.html with jQueryUI

This document provides instructions for setting up an 'index.html' page to work with 'jQuery' and 'jQueryUI' for Project 2. It details the necessary script and link statements to include the latest versions of 'jQuery' and 'jQueryUI', as well as how to select a theme for the widgets. Additionally, it mentions the resources available in the 'CodeExamples' folder, including themes and a template for the 'index.html' page.

Uploaded by

tbosexr5x
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

Setting Up Your “index.

html” Page to Work With “jQuery” & “jQueryUI”

To create “Project 2” the following “<script src =” and <link rel =” statements are required, this is in
addition to any others you may choose to use.

On line 11, you are downloading the latest version of “jQuery” from [Link].

Line 12 is where you choose the “jQueryUI” theme which you choose to use for your “jQueryUI”
widgets, all available themes will be contained in the directory containing your project.

Line 13 is where you load the latest version of “jQueryUI,” this will also be contained in the directory
containing your project.

To make getting started easier, in the “CodeExamples” folder you will find the following:

 Eight “jQueryUI” themes. The themes are contained in folders the names of which start with
the character string “[Link].”

 The “.js” file “[Link].” This is the file that contains the “jQueryUI” library.

 “[Link]” This is the “template” for your “[Link]” page. To get started,
open the page in Visual Studio Code and immediately save it as “[Link]” page or any other
name you wish. This way you will always have the “template” available.

Below are the contents of the “CodeExamples” folder in “Lecture16-Supplment.” The “[Link]”
file is used to display the available themes as shown later in this document.

© RIT 2020 P a g e |1 PLG-ISTE.340


Setting Up Your “[Link]” Page to Work With “jQuery” & “jQueryUI”

Below is the full listing of the “[Link]”

Line 12 is outlined in red to highlight the line on which you indicate the theme you wish to use for your
widgets.

On the pages that follow you will find a <link rel=…” statement for each available theme. The theme is
selected by the “href=…”

Below the <link rel=…” statement is how the theme will make your widgets appear. I am using the
“Datepicker” as the “model.”

© RIT 2020 P a g e |2 PLG-ISTE.340


Setting Up Your “[Link]” Page to Work With “jQuery” & “jQueryUI”

© RIT 2020 P a g e |3 PLG-ISTE.340


Setting Up Your “[Link]” Page to Work With “jQuery” & “jQueryUI”

Continued next page

© RIT 2020 P a g e |4 PLG-ISTE.340


Setting Up Your “[Link]” Page to Work With “jQuery” & “jQueryUI”

© RIT 2020 P a g e |5 PLG-ISTE.340

You might also like