Miten luoda oma Widget kalenteri Website

Yahoo! UI kirjasto -kotisivullaKalenteri Widget API Kuvakaappaus ottanut kirjailija.

Vaikka on mahdollista luoda kalenterin widget tyhjästä verkkosivuilla flash tai java script, on olemassa useita tunnettuja ja testattu kalenteri rajapinnat käytettävissä web-kehittäjä ilmaiseksi Internetissä tänään.Yahoo! UI (User Interface) kirjasto on helposti konfiguroitavissa kalenteri vekotin, jota voidaan käyttää minkä tahansa sivuston tai blogiin.Koska Yahoo! tekee API käytettävissä kehittäjä maksutta, se voidaan myös laajentaa vastaamaan Web kehittäjän tarpeisiin, jos ei ole tarpeeksi toimintoja haluamasi sovelluksen.

mitä tarvitset

  • Yahoo! tili

Ohjeet

  1. Sisällytä Javakäsikirjoitus ja CSS-tyylisivun riippuvuuksia tarvitaan kalenterin widget Web-sivun.
    & lt;! - CSS-tiedoston (oletus YUI Sam iholle) - & gt;
    & lt; link rel = "stylesheet" type = "text / css" href = "http://yui.yahooapis.com/2.6.0/build/calendar/assets/skins/sam/calendar.css" & gt;
    & lt;! - Riippuvuudet - & gt;
    & lt; script type = "text / javascript" src="

    </script">http://yui.yahooapis.com/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
    & lt;! - Lähdetiedosto - & gt;
    & lt; script type = "text / javascript" src="</script">http://yui.yahooapis.com/2.6.0/build/calendar/calendar-min.js"></script>

  2. Levitä Yui-iho-sam luokan elementtinä Web-sivun, joka voidaan pitää emoyhtiönä kalenterin widget.Jos olet epävarma, tämä voidaan soveltaa & lt; body & gt;tag Web-sivun.
    & lt; body class = "Yui-iho-Sam" & gt;

  3. Render Kalenteri kohteen & lt; div & gt;elementti Web-sivulla.
    & lt; div id = "callContainer" & gt; & lt; / div & gt;

  4. Alusta Kalenteri objekti.Kehittyneen kokoonpanoissa, lisätietoja voidaan siirtyi Kalenteri rakentaja perustuu pois menetelmän määritelmä Yahoo! UI kirjasto.
    var puhelu = uusi YAHOO.widget.Calendar ("callContainer");
    call.render ();

    Esimerkiksi Yahoo! Kalenterin widget oletusasetuksilla sovellettu .
  5. Luo usean kuukauden kalenteri korvaamalla Kalenteri alustuksen puhelun edellisessä vaiheessa seuraavien puhelun:
    var puhelu = uusi YAHOO.widget.CalendarGroup ("callContainer");

Vinkkejä & amp;Varoitukset

  • Ennen kuin alustaa kalenterin kohde, DIV elementti on jo sivun DOM.Tarkastella eri API vaihtoehtoja Web kehittäjä Yahoo! UI kalenterin verkkosivuilla, jos oletusasetukset eivät anna haluttua tietoa kalenteri vekotin.Jos Yahoo! Kalenterin API ei ole tarvittavat toiminnot, kokeile Google Calendar API ennen luoda kalenterin widget tyhjästä.

Resurssit

  • Typepad Widgetit Google Calendar
  • Yahoo! UI kirjasto kalenteri Widget kotisivu
295
0
2
Web Suunnittelu