Yahoo! User Interface Blog (YUIBlog)

Mit YUI 2 und YUI 3 Gemeinsam: noch einfacher mit Caridy die Wrapper-Programm

Die YUI 3 Galerie bekam einen interessanten Neuzugang heute: Caridy Patino Mayea die YUI 2 Wrapper-Programm . Wrapper ermöglicht es Ihnen, in Pull YUI 2 Module von YUI 3 use() -Anweisungen. Schauen Sie sich Caridy in der Dokumentation für den Wrapper hier .

Wie einfach? Hier ist ein vollständiges Beispiel . Alles, was wir beginnen mit der 6.2KB (gzip) YUI 3 Seed-Datei; Caridy die Wrapper und die eingebaute YUI Loader 3 kümmern uns um den Rest:

 <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 ein Label </ em> </ a> </ li>
         <li class="selected"> <a href="#tab2"> <em> Tab Two Label </ em> </ a> </ li>
         <li> <a href="#tab3"> <em> Tab drei Label </ em> </ a> </ li>
     </ Ul>            
     <div class="yui-content">
         <div id="tab1"> <p> Tab einen Inhalt </ p> </ div>
         <div id="tab2"> <p> Tab Two Inhalt </ p> </ div>
         <div id="tab3"> <p> Tab Drei Inhalt </ p> </ div>
     </ Div>
 </ Div>

 <script language="javascript">

 YUI ({
     Module: {
         "Galerie-yui2 ': {
             fullpath: 'http://yui.yahooapis.com/gallery-2009.11.19-20/build/gallery-yui2/gallery-yui2-min.js',
             Benötigt: ['Knoten-Basis', 'GET', 'async-Warteschlange'],
             optional: [],
             Ersetzt: []
       }
 
     }
 }). Einsatz ('Galerie-yui2', function (y) {
 
     Y.yui2 (). Verwenden ("Registeransicht", function () {
 
         var = new myTabs YAHOO.widget.TabView ("Demo");
 
     });
 
 });

 </ Script> 

Schauen Sie sich die YUI-2-Wrapper und viele andere auf der YUI 3 Gallery .

Finden Gespräche: Bloglines | technorati

Teilen und zu erweitern: Lesezeichen mit del.icio.us | Digg it! | reddit!