Web Design

(Nancy Kaufman) #1

220


Create a Calendar Control with YUI ..........................


1 In your editor, open an
existing document or create
a new one.


2 In the head section, type
<link rel=
”stylesheet” type=
”text/css” href=
http://yui.yahoo
apis.com/2.8.1/build/
calendar/assets/
skins/sam/calendar.
css”>.


3 Type <script src=
http://yui.
yahooapis.com/2.8.1/
build/yahoo-dom-
event/yahoo-dom-
event.js”>.


4 Type <script src=
http://yui.yahoo
apis.com/2.8.1/build/
calendar/calendar-
min.js”>.


5 In the body section, type
<div class=”
yui-skin-sam”>.


6 Type <div id=”cal1
Container”>

.


7 Type

.


Create a Calendar Control with YUI


I


nternet search provider Yahoo! has developed a set of Ajax widgets. Yahoo! makes these widgets
freely available on their Web site at http://developer.yahoo.com/yui/. From here, you can get the

code for the widgets, read technical documentation, and get help and troubleshooting tips. Instead


of having you download files, the YUI components allow you to link to the necessary JavaScript


files, using the src attribute of the