Kuidas luua oma vidina Kalender Koduleht

Yahoo! UI raamatukogu kodulehekülg kalendrielementi API Screen shot võetud autor.

Kuigi on võimalik luua kalendri widget nullist kodulehel flash või java script, seal on mitmeid tuntud ja testitud kalender programmeerimise liidesed kättesaadavaks veebiarendaja tasuta Internetis täna.Yahoo! 'S UI (User Interface) raamatukogu on lihtsalt seadistatav kalendrividinat, mida saab kasutada mis tahes veebisaidi või blogi.Kuna Yahoo! teeb API kättesaadavaks arendajale tasuta, see võib ka pikendada, et rahuldada veebiarendaja vajadustele, kui ei ole piisavalt funktsionaalsust soovitud rakendus.

, mida te vajate

  • Yahoo! kontole

juhised

  1. Kaasa Javascript ja CSS-stiil sõltuvused vaja kalendri vidin veebilehe.
    & lt;! - CSS faili (vaikimisi YUI Sam nahale) - & gt;
    & lt; link rel = "laaditabeli" type = "text / css" href = "http://yui.yahooapis.com/2.6.0/build/calendar/assets/skins/sam/calendar.css" & gt;
    & lt;! - Sõltuvus - & gt;
    & lt; script type = "text / javascript" src="</script">http://yui.yahooapis.com/2.6.0/build/ya

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

  2. Rakenda yui-naha-sam klassi element sees veebileht, mis loetakse vanem kalendrielementi.Kui sa pole kindel, seda saab kohaldada & lt; body & gt;tag veebilehe.
    & lt; body class = "yui-naha-sam" & gt;

  3. muuta Kalender Objekti & lt; DIV & gt;element veebis lehel.
    & lt; div id = "callContainer" & gt; & lt; / div & gt;

  4. Vorminda Kalender objekti.Edasijõudnud koosseisudes, rohkem infot saab sattus Kalender ehitaja põhineb off meetod määratluse Yahoo! UI Library.
    var kõne = new YAHOO.widget.Calendar ("callContainer");
    call.render ();

    Näide Yahoo! kalendrividinaga vaikimisi seaded rakendada .
  5. luua multi-kuu kalendri asendades Kalender initsialiseerimise kõne eelmises sammus järgmise kõne:
    var kõne = new YAHOO.widget.CalendarGroup ("callContainer");

Tips & amp;Hoiatused

  • Enne initsialiseerida Kalender objekt, DIV element peaks juba olemas lehe DOM.Vaadake erinevate API võimalusi Web arendaja juures Yahoo! UI Kalender kodulehel kui vaikimisi seaded ei anna soovitud infot kalendrielementi.Kui Yahoo! API ei oleks nõutud funktsionaalsus, proovige Google Calendar API enne kalendri loomiseks widget nullist.

Resources

  • Typepad vidinad Google Calendar
  • Yahoo! UI Library kalendrividinat Kodulehekülg
803
0
2
Web Design