Yahoo! Interfaz de usuario de blog (YUIBlog)

Usando YUI 2 y 3 YUI juntos: aún más fácil con la envoltura Caridy utilidad

El YUI 3 Galería tiene una nueva adición interesante hoy en día: Patiño Mayea de YUI Caridy 2 Envoltura de utilidad . Wrapper le permite tirar de YUI 2 módulos de 3 YUI use() declaraciones. Echa un vistazo a la documentación Caridy para la envoltura de aquí .

¿Qué tan fácil? Aquí está un ejemplo completo . Todos los que empezamos con el 6.2KB (gzip) YUI 3 archivo semilla; Wrapper Caridy y la incorporada en el YUI 3 cargador cuidar de los demás:

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

 id="demo" <div class="yui-navset">
     class="yui-nav"> <ul
         <li> <a href="#tab1"> <em> Tab etiqueta </ ​​em> </ a> </ li>
         <li class="selected"> <a href="#tab2"> <em> Tab dos etiquetas </ em> </ a> </ li>
         <li> <a href="#tab3"> <em> Tab Tres etiqueta </ ​​em> </ a> </ li>
     </ Ul>            
     class="yui-content"> <div
         <div id="tab1"> <p> Tab contenido </ p> </ div>
         <div id="tab2"> <p> Tab Dos de contenido </ p> </ div>
         <div id="tab3"> <p> Tab Tres de contenido </ p> </ div>
     </ Div>
 </ Div>

 <script language="javascript">

 YUI ({
     módulos: {
         'Galería yui2 ": {
             fullpath: 'http://yui.yahooapis.com/gallery-2009.11.19-20/build/gallery-yui2/gallery-yui2-min.js,
             requiere: ['nodo-base', 'mensaje', 'async-cola'],
             opcional: [],
             reemplaza a: []
       }
 
     }
 }). El uso ('galería yui2', function (Y) {
 
     Y.yui2 (). Uso ("TabView", function () {
 
         myTabs var = new YAHOO.widget.TabView ("demo");
 
     });
 
 });

 </ Script> 

Echa un vistazo a la YUI 2 contenedor y muchos otros en el 3 Galería YUI .

Buscar conversaciones: Bloglines | technorati

Compartir y ampliar: Marcar con del.icio.us | Digg él! | reddit!