jQuery Forum

putting JSON into a variable
[2Replies]
- 19-Jan-2012 09:19 AM
- Forum: Using jQuery
Hi,

I'm using phone gap, and I want to read a file out with the phone gap file api. I can read the file. But when I put my JSON into a variable it only returns '[]'.
1. function readFS(fileSystem) {
2. fileSystem.root.getFile("readme.txt", {create: true}, readFileEntry, fail);
3. }
5. function readFileEntry(fileEntry) {
6. fileEntry.file(gotFileread, fail);
7. }
9. function gotFileread(file){
10. readAsText(file);
11. }
14. function readAsText(file) {
15. var reader = new FileReader();
16. reader.onloadend = function(evt) {
17. console.log("Read as text");
18. console.log(evt.target.result);
19. json = evt.target.result; // this returns only []
20. navigator.notification.alert(evt.target.result); // this returns the real JSON :o
22. };
23. reader.readAsText(file);
24. }
This is the json that's in readme.txt
1. {"games":[{"id":"2","name":"bartje","photo":"photo2.png","description":"kimpe","length":"is","totalDownloads":"0","totalFinished":"0","locations":[{"id":"3","name":"loc21","photo":"loc21.jpg","description":"loc21","FK_Game_id":"2","lat":"51.0000","long":"4.0000","status":"0"},{"id":"5","name":"loc22","photo":"loc22.jog","description":"locatie 22","FK_Game_id":"2","lat":"51.2330","long":"40.2222","status":"1"}]},{"id":"3","name":"aa","photo":"photo3.jPg","description":"aa","length":"aa","totalDownloads":"0","totalFinished":"3","locations":[{"id":"4","name":"loc4","photo":"loc4.jpg","description":"loc4","FK_Game_id":"3","lat":"51.2191","long":"4.4021","status":"0"}]}]}
Can please someone help me

JSON From database
[1Reply]
- 18-Jan-2012 07:10 AM
- Forum: Using jQuery
Hey,

I'm retrieving data and I encode it into JSON and put it on the website http://www.bartdekimpe.be/anoire/index.php/admin/getGamesUserJson/34 but when I want to retrieve it, eather with $.ajax or $.getJSON, it won't work.

JSON:
1. $.getJSON("http://www.bartdekimpe.be/anoire/index.php/games/admin/getGamesUserJson/34", function(result){
2. $.each(result.games, function(){
3. $(".testing").append(this.id + "<br />");
4. $(".testing").append(this.name + "<br />");
5. $(".testing").append(this.photo + "<br />");
6. $(".testing").append(this.description + "<br />");
7. $(".testing").append(this.length + "<br />");
8. $(".testing").append(this.totalDownloads + "<br />");
9. $(".testing").append(this.totalFinished + "<br />");
11. $each(this.locations, function(){
12. $(".testing").append(this.id + "<br />");
13. $(".testing").append(this.name + "<br />");
14. $(".testing").append(this.photo + "<br />");
15. $(".testing").append(this.description + "<br />");
16. $(".testing").append(this.FK_Game_id + "<br />");
17. $(".testing").append(this.lat + "<br />");
18. $(".testing").append(this.long + "<br />");
19. $(".testing").append(this.status + "<br />");
20. });
23. });
24. $(".testing").append(result);
25. });
$.ajax()
1. $.ajax({
2. url: 'http://www.bartdekimpe.be/anoire/index.php/admin/getGamesUserJson/34',
3. dataType: 'json',
4. success: function(data) {
5. $(".testing").append(data);
6. }
7. });

phonegap + jquery mobile back button
[0Replies]
- 08-Jan-2012 09:30 AM
- Forum: jQuery Mobile
Hi,

I'm making a project for school.
First I get a list, which I get from an ajax call:
1. function krijgSpellen(){
2. $.getJSON("gegevens.txt",function(result){
3. // $("#divjson").append("Game: " +result.games[1].game + " <br />Locatie: " + result.games[1].locaties[0].locatie + " <br /> Item: " + result.games[1].items[0].item + " <br /> Informatie: " + result.games[1].info );
4. // Get all the games
6. $.each(result.games, function(){
7. $(".gamelijst").append("<li><a href='' id=" + this.id + " data-theme='a'>"+ this.game + "</a></li>");
9. });
11. $(".gamelijst, $.mobile.activePage").listview('refresh');
14. });
15. };
now when I click one of the items, I put the chosen ID in a variable, like this:
1. $(".gamelijst a").live("click", function(){
2. currentGame = $(this).attr("id");
3. $.mobile.changePage($("#locaties"));
4. });
then I go to the locations page and I get the right locations. But when I push the back button which I do like this:
1. <a href="#home" data-role="button" data-theme="c" data-icon="back" data-rel="back" data-reverse="back">back</a>
I get the game list page again, but when I choose another game, it still loads the information from my first chosen game.

I get the location information with this functions:
1. function krijgLocaties(){
2. gameint = parseInt(currentGame);
4. $.getJSON("gegevens.txt", function(result){
6. $.each(result.games[currentGame].locaties, function(){
7. $(".locatielijst").append("<li><a href='' id=" + this.id + " data-theme='a'>"+ this.locatie + "</a></li>");
9. });
10. $(".locatielijst, $.mobile.activePage").listview('refresh');
12. });
16. };

Collapsible div
[0Replies]
- 20-Dec-2011 05:43 PM
- Forum: jQuery Mobile
Hi,

I've got a problem with the collapsible set. I'm trying to load data into it trough a JSON call but it only loads the first item correctly as header and information, and the second item he puts in the information of the first item.
2. {
3. "games": [
4. {
5. "id": "1",
6. "game": "Burgermoordenaar",
7. "locaties": [
8. {
9. "id": "1",
10. "locatie": "De Keyserlei 22",
11. "naam": "Quick",
12. "status": "2",
13. "items": [
14. {
15. "item": "Zakdoek",
16. "info": "DNA van dhr. Jos (Hilton Hotel Groenplaats)"
17. },
18. {
19. "item": "speeksel",
20. "info": "test"
21. }
22. ]
23. },
24. {
25. "id": "2",
26. "locatie": "Groenplaats 32",
27. "naam": "Hilton Groenplaats",
28. "status": "1",
29. "items": [
30. {
31. "item": "Getuige",
32. "info": "De getuige heeft iemand herkend (mevr. Romina) - Karel De Grote Hoboken"
33. }
34. ]
35. },
36. {
37. "id": "3",
38. "locatie": "Salesianenlaan 30",
39. "naam": "KDG Hoboken",
40. "status": "0",
41. "items": [
42. {
43. "item": "item 1.1",
44. "info": "info item 1.1"
45. },
46. {
47. "item": "item 1.2",
48. "info": "info item 1.2"
49. }
50. ]
51. }
52. ]
53. },
54. {
55. "id": "2",
56. "game": "game 2",
57. "locaties": [
58. {
59. "locatie": "locatie 2.1",
60. "items": [
61. {
62. "item": "item 1.1",
63. "info": "info item 1.1"
64. },
65. {
66. "item": "item 1.2",
67. "info": "info item 1.2"
68. }
69. ]
70. },
71. {
72. "locatie": "locatie 2.2",
73. "items": [
74. {
75. "item": "item 1.1",
76. "info": "info item 1.1"
77. },
78. {
79. "item": "item 1.2",
80. "info": "info item 1.2"
81. }
82. ]
83. },
84. {
85. "locatie": "locatie 2.3",
86. "items": [
87. {
88. "item": "item 1.1",
89. "info": "info item 1.1"
90. },
91. {
92. "item": "item 1.2",
93. "info": "info item 1.2"
94. }
95. ]
96. }
97. ]
98. },
99. {
100. "id": "3",
101. "game": "game 3",
102. "locaties": [
103. {
104. "locatie": "locatie 3.1",
105. "items": [
106. {
107. "item": "item 1.1",
108. "info": "info item 1.1"
109. },
110. {
111. "item": "item 1.2",
112. "info": "info item 1.2"
113. }
114. ]
115. },
116. {
117. "locatie": "locatie 3.2",
118. "items": [
119. {
120. "item": "item 1.1",
121. "info": "info item 1.1"
122. },
123. {
124. "item": "item 1.2",
125. "info": "info item 1.2"
126. }
127. ]
128. },
129. {
130. "locatie": "locatie 3.3",
131. "items": [
132. {
133. "item": "item 1.1",
134. "info": "info item 1.1"
135. },
136. {
137. "item": "item 1.2",
138. "info": "info item 1.2"
139. }
140. ]
141. }
142. ]
143. }
144. ]
145. }
Here is my jQuery code:
1. function krijgInfo(){
  
  $.getJSON("gegevens.txt", function(result){
  
  $.each(result.games[currentGame - 1].locaties[currentLocation - 1].items, function(){
  
        $(".infolijst").append("<div data-role='collapsible'>");
  
        $(".infolijst").append("<h3>"+ this.item + "</h3><p>"+ this.info +"</p>");
  
        $(".infolijst").append("</div>");
  
  });
  
        $(".infolijst, $.mobile.activePage").collapsible({refresh: true});
  
  });
  
  };

Collapsible div
[2Replies]
- 20-Dec-2011 05:43 PM
- Forum: jQuery Mobile
Hi,

I've got a problem with the collapsible set. I'm trying to load data into it trough a JSON call but it only loads the first item correctly as header and information, and the second item he puts in the information of the first item.
2. {
3. "games": [
4. {
5. "id": "1",
6. "game": "Burgermoordenaar",
7. "locaties": [
8. {
9. "id": "1",
10. "locatie": "De Keyserlei 22",
11. "naam": "Quick",
12. "status": "2",
13. "items": [
14. {
15. "item": "Zakdoek",
16. "info": "DNA van dhr. Jos (Hilton Hotel Groenplaats)"
17. },
18. {
19. "item": "speeksel",
20. "info": "test"
21. }
22. ]
23. },
24. {
25. "id": "2",
26. "locatie": "Groenplaats 32",
27. "naam": "Hilton Groenplaats",
28. "status": "1",
29. "items": [
30. {
31. "item": "Getuige",
32. "info": "De getuige heeft iemand herkend (mevr. Romina) - Karel De Grote Hoboken"
33. }
34. ]
35. },
36. {
37. "id": "3",
38. "locatie": "Salesianenlaan 30",
39. "naam": "KDG Hoboken",
40. "status": "0",
41. "items": [
42. {
43. "item": "item 1.1",
44. "info": "info item 1.1"
45. },
46. {
47. "item": "item 1.2",
48. "info": "info item 1.2"
49. }
50. ]
51. }
52. ]
53. },
54. {
55. "id": "2",
56. "game": "game 2",
57. "locaties": [
58. {
59. "locatie": "locatie 2.1",
60. "items": [
61. {
62. "item": "item 1.1",
63. "info": "info item 1.1"
64. },
65. {
66. "item": "item 1.2",
67. "info": "info item 1.2"
68. }
69. ]
70. },
71. {
72. "locatie": "locatie 2.2",
73. "items": [
74. {
75. "item": "item 1.1",
76. "info": "info item 1.1"
77. },
78. {
79. "item": "item 1.2",
80. "info": "info item 1.2"
81. }
82. ]
83. },
84. {
85. "locatie": "locatie 2.3",
86. "items": [
87. {
88. "item": "item 1.1",
89. "info": "info item 1.1"
90. },
91. {
92. "item": "item 1.2",
93. "info": "info item 1.2"
94. }
95. ]
96. }
97. ]
98. },
99. {
100. "id": "3",
101. "game": "game 3",
102. "locaties": [
103. {
104. "locatie": "locatie 3.1",
105. "items": [
106. {
107. "item": "item 1.1",
108. "info": "info item 1.1"
109. },
110. {
111. "item": "item 1.2",
112. "info": "info item 1.2"
113. }
114. ]
115. },
116. {
117. "locatie": "locatie 3.2",
118. "items": [
119. {
120. "item": "item 1.1",
121. "info": "info item 1.1"
122. },
123. {
124. "item": "item 1.2",
125. "info": "info item 1.2"
126. }
127. ]
128. },
129. {
130. "locatie": "locatie 3.3",
131. "items": [
132. {
133. "item": "item 1.1",
134. "info": "info item 1.1"
135. },
136. {
137. "item": "item 1.2",
138. "info": "info item 1.2"
139. }
140. ]
141. }
142. ]
143. }
144. ]
145. }
Here is my jQuery code:
1. function krijgInfo(){
  
  $.getJSON("gegevens.txt", function(result){
  
  $.each(result.games[currentGame - 1].locaties[currentLocation - 1].items, function(){
  
        $(".infolijst").append("<div data-role='collapsible'>");
  
        $(".infolijst").append("<h3>"+ this.item + "</h3><p>"+ this.info +"</p>");
  
        $(".infolijst").append("</div>");
  
  });
  
        $(".infolijst, $.mobile.activePage").collapsible({refresh: true});
  
  });
  
  };

list theme
[1Reply]
- 18-Dec-2011 10:27 AM
- Forum: jQuery Mobile
Hi,

I'm working on a project for school with jQuery mobile and phonegap but when I want to load list elements into my unordered list it won't take over the liststyle. When I put list elements in before loading it works.
1. <!DOCTYPE html>
  
  <html>
  
  <head>
  
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  
  <style type="text/css">
  
  html { height: 100% }
  
  body { height: 100%; margin: 0; padding: 0 }
  
  #map_canvas { height: 100%; width:100%; }
  
  </style>
  
  <link rel="stylesheet" href="gpsapp.css">
  
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc2/jquery.mobile.structure-1.0rc2.min.css" />
  
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script src="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"></script>
  
  <script type="text/javascript" charset="utf-8" src="phonegap-1.2.0.js"></script>
  
  <script type="text/javascript" charset="utf-8">
     function initialize(){
  
  //loader();
  
  krijgGegevens();
  
  }
  
     function krijgGegevens(){
  
  $.getJSON("gegevens.txt",function(result){
  
     // $("#divjson").append("Game: " +result.games[1].game + " <br />Locatie: " + result.games[1].locaties[0].locatie + " <br /> Item: " + result.games[1].items[0].item + " <br /> Informatie: " + result.games[1].info );
  
  // Get all the games
  
  $.each(result.games, function(){
  
  $("#gamelijst").append("<li><a href='index.html?id=" + this.id + "'>"+ this.game + "</a></li><br />");
  
  });
  
  });
  
  }
  </script>
  
  </head>
  
  <body onload="initialize();">
  <div data-role="header" data-position="inline">
  
  <h1>GPS Applicatie</h1>
  
  </div>
  
  <div class="ui-body ui-body-a">
  
  <ul id="gamelijst" data-role="listview" data-theme="a">
  
  </ul>
  
  </div>
  
  
  
  </body>
  
  </html>

Response title

Attachments

jQuery Forum

Activity Trend