Yahoo! User Interface Blog (YUIBlog)

Utilizzando YUI 2 e YUI 3 Insieme: ancora più facile con Caridy's Wrapper Utility

19 novembre 2009 alle 12:53 da Eric Miraglia | In Sviluppo | 2 Commenti

La YUI 3 Galleria ottenuto un contributo interessante Nuovi di oggi: YUI Caridy Patino Mayea's 2 Wrapper Utility. Wrapper permette di tirare in YUI 2 moduli da 3 YUI use() dichiarazioni. Check out documentazione Caridy per il wrapper qui.

Quanto semplice? Ecco un esempio completo. Tutto ciò che partiamo con la 6.2KB (gzip) YUI 3 file del seme; Wrapper Caridy e il built-in YUI 3 Loader prendersi cura di tutto il resto:

 <script type="text/javascript" src="http://yui.yahooapis.com/combo?3.0.0/build/yui/yui-min.js"> </ script>

 <div id="demo" class="yui-navset">
     <ul class="yui-nav">
         <li> <a href="#tab1"> <em> Tab una sola etichetta </ em> </ a> </ li>
         <li class="selected"> <a href="#tab2"> <em> Tab due etichette </ em> </ a> </ li>
         <li> <a href="#tab3"> <em> Tab Tre Label </ em> </ a> </ li>
     </ UL>            
     <div class="yui-content">
         id="tab1"> <div <p> Tab un contenuto </ p> </ div>
         id="tab2"> <div <p> scheda Due Content </ p> </ div>
         id="tab3"> <div <p> Tab Tre Content </ p> </ div>
     </ div>
 </ div>

 <script language="JavaScript">

 YUI ((
     moduli: (
         'gallery-yui2': (
             fullpath: 'http://yui.yahooapis.com/gallery-2009.11.19-20/build/gallery-yui2/gallery-yui2-min.js',
             richiede: [ 'nodo-base', 'get', 'async-coda'],
             optional: [],
             Sostituisce: []
       )
 
     )
 )). uso ( 'gallery-yui2', function (Y) (
 
     Y.yui2 (). Uso ( "tabview", function () (
 
         MyTabs var = new YAHOO.widget.TabView ( "demo");
 
     ));
 
 ));

 </ script> 

Check out the YUI 2 Wrapper e molti altri sul YUI 3 Gallery.

Trova conversazioni: bloglines | technorati

Condividere ed estendere: Bookmark with Yahoo! My Web | Bookmark con del.icio.us | digg it! | Reddit!