Yahoo! Blog YUIBlog User Interface ()

Usando YUI YUI 2 e 3 juntos: é ainda mais fácil com Wrapper Caridy Utility

O YUI 3 Galeria tem uma nova adição interessante hoje: Patino Mayea do YUI Caridy 2 Wrapper Utility . Wrapper permite-lhe puxar YUI dois módulos de três YUI use() declarações. Confira a documentação Caridy para o Wrapper aqui .

Como é fácil? Aqui está um exemplo completo . Tudo o que nós começamos com o 6.2KB (gzip) YUI sementes 3 arquivo; Wrapper Caridy e as built-in YUI 3 Loader cuidar do 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">
     class="yui-nav"> <ul
         <li> <a href="#tab1"> <em> Tab One Label </ em> </ a> </ li>
         <li class="selected"> <a href="#tab2"> <em> Tab Dois Label </ em> </ a> </ li>
         <li> <a href="#tab3"> <em> Tab Três Label </ em> </ a> </ li>
     </ Ul>            
     class="yui-content"> <div
         <div id="tab1"> <p> Tab um conteúdo </ p> </ div>
         <div id="tab2"> <p> Tab Dois conteúdo </ p> </ div>
         <div id="tab3"> <p> Tab Três conteúdo </ p> </ div>
     </ Div>
 </ Div>

 language="javascript"> <script

 YUI ((
     módulos: (
         "Galeria yui2 ': (
             fullpath: "http://yui.yahooapis.com/gallery-2009.11.19-20/build/gallery-yui2/gallery-yui2-min.js,
             requer:] nós ['base', 'get', 'async fila',
             opcional: []
             substitui: []
       )
 
     )
 )). Utilizar ("galeria yui2 ', function (Y) (
 
     Y.yui2 (). Utilizar (tabview ", function () (
 
         myTabs var = YAHOO.widget.TabView novo ("demo");
 
     ));
 
 ));

 </ Script> 

Confira o YUI 2 Wrapper e muitos outros na Galeria 3 YUI .

Pesquisar conversas: bloglines | technorati

Compartilhar e ampliar: Bookmark com del.icio.us | digg it! | reddit!