Hvordan lage din egen widget kalender for et nettsted

Selv om det er mulig å lage en kalender widget fra grunnen for et nettsted fra flash eller java script, er det en rekke kjente og testet kalenderprogrammeringsgrensesnitt tilgjengelig for Webutvikler gratis på Internett i dag. Yahoo! S UI (User Interface) Biblioteket har en lett konfigurerbar kalender-widget som kan brukes med hvilken som helst nettside eller blogg. Siden Yahoo! gjør API tilgjengelig for utbygger uten kostnad, kan det også bli utvidet til å møte webutvikler behov hvis det ikke er nok funksjonalitet for ønsket program.

Bruksanvisning

1 Inkluder Java-script og gjennomgripende stilark avhengigheter som kreves for kalenderen widgeten på websiden.
<! - CSS-fil (standard YUI Sam hud) ->
<Link rel = "stylesheet" type = "text / css" href = "http://yui.yahooapis.com/2.6.0/build/calendar/assets/skins/sam/calendar.css">
<! - Avhengig ->
<Script type = "text / javascript" width = "98" height = "65" alt = "Eksempelet Yahoo! Calendar widget med standardinnstillingene brukt." src="http://img.ehowcdn.com/default/ehow/images/a04/fl/3n/create-own-widget-calendar-website-1.4-800x800.jpg"/>

Initialkalenderobjektet. For avanserte konfigurasjoner, kan mer informasjon sendes inn i kalenderen konstruktøren basert off av metoden definisjonen i Yahoo! UI Library.
Var samtale = ny YAHOO.widget.Calendar ( "callContainer");
call.render ();

5 Lag en multi-måneders kalender ved å erstatte Kalender initialisering samtalen i forrige trinn med følgende samtale:
Var samtale = ny YAHOO.widget.CalendarGroup ( "callContainer");

Hint

• Før du initialisere kalenderobjektet, skal DIV element allerede finnes i sidens DOM.Review de ulike API alternativer tilgjengelig for Web-utvikler på Yahoo! UI Kalender nettstedet hvis standardinnstillingene ikke gir ønsket informasjon for kalenderen widget. Hvis Yahoo! Kalender API ikke har den funksjonaliteten som kreves, kan du prøve API for Google Kalender før å skape en kalender widget fra grunnen av.