Yahoo! User Interface blog (YUIBlog)

En utilisant YUI YUI 2 et 3 ensemble: encore plus facile avec l'utilitaire de wrapper Caridy

La YUI 3 Galerie obtenu un ajout intéressant nouvelle aujourd'hui: Utilitaire Caridy Patino Mayea de YUI Wrapper 2 . Wrapper vous permet de tirer dans YUI 2 modules de 3 YUI use() déclarations. Vérifiez la documentation Caridy pour le Wrapper ici .

Comment facile? Voici un exemple complet . Tout ce que nous commençons avec le 6.2KB (gzip) Fichier YUI semences 3; Wrapper Caridy et le haut-YUI 3 Loader prendre soin du reste:

 <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 Une étiquette </ em> </ a> </ li>
         <li <a class="selected"> href="#tab2"> <em> Tab Deux étiquette </ em> </ a> </ li>
         <li> href="#tab3"> <em> Tab Trois étiquette </ em> </ a> </ li>
     </ Ul>            
     <div class="yui-content">
         Onglet <div <p> id="tab1"> un contenu </ p> </ div>
         Onglet <div <p> id="tab2"> Deux contenu </ p> </ div>
         Onglet <div <p> id="tab3"> Trois contenu </ p> </ div>
     </ Div>
 </ Div>

 <script LANGUAGE="JavaScript">

 YUI ({
     modules: {
         «Galerie-yui2 ': {
             fullpath: «http://yui.yahooapis.com/gallery-2009.11.19-20/build/gallery-yui2/gallery-yui2-min.js»,
             exige: ['node-base', 'GET', 'async-queue'],
             en option: [],
             Remplace: []
       }
 
     }
 }). Utiliser («galerie-yui2 ', function (Y) {
 
     Y.yui2 (). Utilisation ("TabView", function () {
 
         myTabs var = new YAHOO.widget.TabView ("demo");
 
     });
 
 });

 </ Script> 

Vérifiez la YUI 2 Wrapper et beaucoup d'autres sur le YUI 3 Galerie .

Trouver des conversations: Bloglines | technorati

Partager et prolonger: Conservez ce lien avec del.icio.us | Digg it! | reddit!