Report abuse 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91

<html>
    <head>
        <style type="text/css">
            body {
                font-family: Helvetica, Arial, sans-serif;
                font-size: 12px;
            }
            
            h1 {
                font-size: 16px;
            }
            
            a {
                color: #000;
            }
            
            input {
                width: 400px;
            }
            
            #items {
                background: #ccc;
                bottom: 40px;
                left: 0;
                overflow: auto;
                padding: 5px;
                position: absolute;
                right: 0;
                top: 0;
            }
            
            #toolbar {
                background: #000;
                bottom: 0;
                color: #fff;
                height: 30px;
                left: 0;
                position: absolute;
                padding: 5px;
                right: 0;
            }
        </style>
        <script type="text/javascript">
            function getFeed(feedURL){
                var req = new Titanium.Network.createHTTPClient();
                req.open('GET', feedURL, true);
                req.onreadystatechange = function() {
                    if (req.readyState == 4) {
                        if (req.status == 200) {
                            parseFeed(req.responseText);
                        }
                    }
                };
                req.send(null);
            }
            
            function parseFeed(feed){
                feed = new DOMParser().parseFromString(feed, "text/xml");
                var items = feed.querySelectorAll('channel item');
                var html = "";
                for (var x = 0; x < items.length; x++) {
                    var item = items[x];
                    var title = item.querySelector('title').textContent;
                    var link = item.querySelector('link').textContent;
                    var date = item.querySelector('pubDate').textContent;
                    var content = item.querySelector('description').textContent;
                    
                    html += '<div> \
                        <h1><a href="' + link + '">' + title + '</a></h1> \
                        <p>' + date + '<p> \
                        <p>' + content + '<p> \
                    </div>';
                }
                document.getElementById('items').innerHTML = html;
            }
            
            function fetch(){
                var url = document.getElementById('feedurl').value;
                if (url) getFeed(url);
            }
        </script>
    </head>
    <body>
        <div id="items"></div>
        <div id="toolbar">
            <label for="name">Feed URL: </label>
            <input id="feedurl" type="text" name="feedurl" value="http://www.webdesignerdepot.com/feed/" />
            <button onclick="fetch()">Fetch</button>
        </div>
    </body>
</html>