mobile_2011/article.html at master · 599CD/mobile_2011 · GitHub

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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html manifest="demo.manifest">
   <head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <title> 599CD Blog/Forum </title>

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>

    <link rel="stylesheet" href="css/navbar.css" />

    <style>
        h3 {
            text-align: center;
            border-radius: 1em;
            padding: .5em;
            background-color: #7EA5CB;
        }

        h3 a {
            color: #21507C;
        }
    </style>

    <script type='text/javascript'>
        /mobile/i.test(navigator.userAgent) && !location.hash && setTimeout(function () {
            window.scrollTo(0, 1);
        }, 2000);
    </script>

   <script type='text/javascript'>
      function yqlQuery(query, callback) {
        var yqlURL = "http://query.yahooapis.com/v1/public/yql";
            var data = {
            q: query,
            format: 'json',
            //env: 'http://www.599cd.com/blog/rss/'
          }

      $.get(yqlURL, data, callback, 'jsonp');
    }

    var urlParams = {};
    (function () {
      var e,
        a = /\+/g,  // Regex for replacing addition symbol with a space
        r = /([^&=]+)=?([^&]*)/g,
        d = function (s) { return decodeURIComponent(s.replace(a, " ")); },
        q = window.location.search.substring(1);

      while (e = r.exec(q))
         urlParams[d(e[1])] = d(e[2]);
    })();


    var rss = urlParams["rss"];  //Get the Blog
    var sql = 'select * from rss where url="http://www.599cd.com/' + rss + '/rss/"'
    var guid = urlParams["guid"];  //Get the article
    var all = sql + ' AND guid=' + guid
    //alert(all);

    yqlQuery(all, function(response){
      //console.log(response);

      var posts = response.query.results.item;
      var output = '';
      //var no_items = posts.length;

      //for (var i=0; i<no_items; i++) {
        var title = posts.title;
        var link = posts.link;
        var desc = posts.description;
        output += "<h3><a href='" + link + "'>" + title + "</a></h3>" +
          "<div>" + desc + "</div>";
      //}

      document.getElementById('results').innerHTML = output;
      $("header h1").text(title);
    })
   </script>
</head>

<body>

<div data-role="page">

   <header data-role="header" data-theme="b">
      <h1> 599CD </h1>

   </header><!-- /header -->

   <div data-role="content">

    <!-- Div tag for stories results -->
    <div id='results'>
    </div><!-- /results -->

   </div><!-- /content -->

	<footer data-role="footer" class="nav-glyphish-example">
		<div data-role="navbar" data-theme="e" class="nav-glyphish-example" data-grid="d">
		<ul>
			<li><a href="tutorials.html" rel="external" id="tuts" data-icon="custom" data-theme="b">Tutorials</a></li>
			<li><a href="tips.html" rel="external" id="tips" data-icon="custom" data-theme="b">Tips</a></li>
			<li><a href="index.html" rel="external" id="blog" data-icon="custom" data-theme="b" class="ui-btn-active">Blog</a></li>
			<li><a href="account.html" rel="external" id="acc" data-icon="custom" data-theme="b">Account</a></li>
			<li><a href="more.html" rel="external" id="more" data-icon="custom" data-theme="b">More</a></li>
		</ul>
		</div>
	</footer><!-- /footer -->
</div><!-- /page -->


</body>
</html>