Inizio Interfaccia utente sul blog (YUIBlog)

Utilizzando YUI 2 e 3 insieme YUI: ancora più semplice con Utility Wrapper Caridy di

Il YUI 3 Galleria ottenuto un contributo interessante nuovo oggi: Caridy Patino Mayea di YUI 2 utilità wrapper . Wrapper permette di tirare in YUI 2 moduli da 3 YUI use() dichiarazioni. Controlla la documentazione Caridy per il wrapper qui .

Quanto è facile? Ecco un esempio completo . Tutto ciò che si inizia con la 6.2KB (gzip) YUI 3 file seme; wrapper Caridy e il built-in YUI 3 Loader prendersi cura del 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> href="#tab1"> <em> Tab Una Label </ em> </ a> </ li>
         <li <a class="selected"> href="#tab2"> <em> Tab Due etichette </ em> </ a> </ li>
         <li> href="#tab3"> <em> Scheda Tre Label </ em> </ a> </ li>
     </ Ul>            
     <div class="yui-content">
         Scheda <p> <div id="tab1"> Un Content </ p> </ div>
         <div Tab <p> id="tab2"> Due contenuto </ p> </ div>
         <div Tab <p> id="tab3"> Tre contenuto </ p> </ div>
     </ Div>
 </ Div>

 <script language="javascript">

 YUI ({
     moduli: {
         'Galleria-yui2': {
             fullpath: 'http://yui.yahooapis.com/gallery-2009.11.19-20/build/gallery-yui2/gallery-yui2-min.js',
             richiede: ['nodo-base', 'prendere', 'async-coda'],
             opzionale: [],
             sostituisce: []
       }
 
     }
 }). Uso ('galleria-yui2', function (Y) {
 
     Y.yui2 (). Utilizzo ("visualizzazione a scheda", function () {
 
         myTabs var = new YAHOO.widget.TabView ("demo");
 
     });
 
 });

 </ Script> 

Controlla la YUI 2 wrapper e molti altri sul Galleria 3 YUI .

Trova conversazioni: Bloglines | technorati

Condividere ed estendere: Bookmark con del.icio.us | Digg it! | reddit!