YUI: YUI3 YQL Module

Examples

The example may load a little slow (I'm pulling the YUI files from GitHub), so give it a sec.

This module adds a YQL class to allow you to use YQL from YUI3.

It already loads the alltables.env file from datatables.org, so all the external user created Open Tables are available to query against.

Note: this is using the latest YUI 3 sources from GitHub (Not PR2).

GitHub Query

Weather Query

Twitter Query

var q3 = new Y.yql('select * from twitter.user.timeline where (id = "davglass")', function(r) {
        var data = r.query.results.entry;
        var h2 = Y.Node.create('<h2><img src="' + data[0].link[1].href + '"> Twitter: ' + data[0].author.name + '</h2>');
        var ul = Y.Node.create('<ul class="twitter"></ul>');
        Y.each(data, function(v) {
            var title = v.title;
            var len = title.indexOf(':');
            title = title.substring(len + 2);
		    title = title.replace(/[@]+[A-Za-z0-9-_]+/g, function(f, n, s) {
                return '<a href="http://twitter.com/' + f.replace('@', '') + '">' + f + '</a>';
            });            
            var li = Y.Node.create('<li>' + title + '<span></span></li>');
            ul.appendChild(li);
        });
        var wrap = Y.Node.create('<div id="twitter" class="mod"></div>');
        wrap.appendChild(h2);
        wrap.appendChild(ul);
        res.appendChild(wrap);
        ul.all('li').each(function(v, k) {
            if (!(k % 2)) {
                v.addClass('odd');
            }
        });
    });

Full Source of Examples

YUI({
    logExclude: {
        'YUI': true,
        Event: true,
        Base: true,
        Attribute: true,
        augment: true
    }    
}).use('node', 'yql', function(Y) {
    var res = Y.one('#res');

var q1 = new Y.yql('select * from github.user.info where (id = "davglass")');
    q1.on('query', function(r) {
        if (r.results) {
            var el = Y.Node.create('<div class="mod"></div>'),
                user = r.results.user;
            el.set('innerHTML', '<h2>Github (' + user.name + ')</h2>' + 'URL: <a href="http://github.com/' + user.login + '">http://github.com/' + user.login + '</a><br>Public Repos: (' + user['public-repo-count'].content + ')<br>Followers: (' + user['followers-count'].content + ')<br>Following: (' + user['following-count'].content + ')');
            res.appendChild(el);
        }
    });

var q2 = new Y.yql('select * from weather.forecast where location=90210');
    q2.on('query', function(r) {
        if (r.results) {
            var el = Y.Node.create('<div class="mod"></div>');
            el.set('innerHTML', '<h2>Weather for 90210</h2>' + r.results.channel.item.description);
            res.appendChild(el);
        }
    });

var q3 = new Y.yql('select * from twitter.user.timeline where (id = "davglass")', function(r) {
        if (r.query.results) {
            var data = r.query.results.entry;
            var h2 = Y.Node.create('<h2><img src="' + data[0].link[1].href + '"> Twitter: ' + data[0].author.name + '</h2>');
            var ul = Y.Node.create('<ul class="twitter"></ul>');
            Y.each(data, function(v) {
                var title = v.title;
                var len = title.indexOf(':');
                title = title.substring(len + 2);
                title = title.replace(/[@]+[A-Za-z0-9-_]+/g, function(f, n, s) {
                    return '<a href="http://twitter.com/' + f.replace('@', '') + '">' + f + '</a>';
                });            
                var li = Y.Node.create('<li>' + title + '<span></span></li>');
                ul.appendChild(li);
            });
            var wrap = Y.Node.create('<div id="twitter" class="mod"></div>');
            wrap.appendChild(h2);
            wrap.appendChild(ul);
            res.appendChild(wrap);
            ul.all('li').each(function(v, k) {
                if (!(k % 2)) {
                    v.addClass('odd');
                }
            });
        }
    });
});