Come creare il tuo widget del calendario per un sito web

November 13

Come creare il tuo widget del calendario per un sito web


Anche se è possibile creare un widget calendario da zero per un sito web da flash o java script, ci sono una serie di interfacce ben noti e collaudati programmazione di calendario a disposizione per lo sviluppatore Web per oggi gratis su Internet. UI (User Interface) biblioteca Yahoo! 'S ha un widget calendario facilmente configurabile che può essere utilizzato con qualsiasi sito web o blog. Dal momento che Yahoo! rende l'API a disposizione per lo sviluppatore a titolo gratuito, ma può anche essere esteso per soddisfare le esigenze dello sviluppatore Web se non c'è abbastanza funzionalità per l'applicazione desiderata.

istruzione

1 Includere lo script e fogli di stile CSS dipendenze Java necessari per il widget del calendario nella pagina Web.
<! - File CSS (di default della pelle YUI Sam) ->
<Link rel = "stylesheet" type = "text / css" href = "http://yui.yahooapis.com/2.6.0/build/calendar/assets/skins/sam/calendar.css">
<! - Dipendenze ->
<Script type = "text / javascript" width = "98" height = "65" alt = "L'esempio widget Calendario Yahoo! con le impostazioni predefinite applicata." src="http://img.ehowcdn.com/default/ehow/images/a04/fl/3n/create-own-widget-calendar-website-1.4-800x800.jpg"/>

Inizializzare l'oggetto calendario. Per le configurazioni avanzate, maggiori informazioni possono essere passato al costruttore del calendario in base al largo della definizione del metodo nella UI Library Yahoo!.
var chiamata = new YAHOO.widget.Calendar ( "callContainer");
call.render ();

5 Creare un calendario più mesi, sostituendo la chiamata di inizializzazione del calendario nel passaggio precedente con il seguente invito:
var chiamata = new YAHOO.widget.CalendarGroup ( "callContainer");

Consigli e avvertenze

  • Prima di inizializzare l'oggetto del calendario, l'elemento DIV dovrebbe già esistere nel DOM.Review le varie opzioni API della pagina disponibili per lo sviluppatore Web presso il sito internet Calendario Yahoo! UI se le impostazioni predefinite non forniscono le informazioni desiderate per il widget del calendario. Se il calendario API Yahoo! non ha la funzionalità richiesta, provare l'API di Google Calendar prima di creare un widget calendario da zero.