StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>I found 2 problems with your code:</p> <p>1) If you want to iterate 2 times, your <code>for</code> function should be like this: <code>for (var i = 0; i < 2; i++)</code> </p> <p>2) You must have in consideration that the function that gets called in <code>$.getJSON</code> runs asynchronously, so when that function gets called the <code>for</code> will have already finished, therefore you can't use the <code>i</code> value with that purpose inside that function.</p> <p>So, after correcting those 2 things in your code you should be able to get what you want. Try with something like this:</p> <pre><code><!DOCTYPE HTML> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <script> var lat = [41.9716, 42.0411]; var lng = [-87.7026, -87.6900]; var count = 1; $(document).ready(function () { for (var i = 0; i < 2; i++) { $.getJSON('http://search.twitter.com/search.json?q=business&geocode=' + lat[i] + ',' + lng[i] + ',5mi&lang=en&callback=?', function (data) { var data = data.results; var html = ""; for (var j = 0; j < 3; j++) { html += "<div style='width:600px;border:solid thin blue'><img src='" + data[j].profile_image_url + "'/><a href='http://twitter.com/" + data[j].from_user + "'>@" + data[j].from_user + "</a>: " + data[j].text + "</div>"; } $('.content' + count++).html(html); }); } }); </script> </head> <body> <div class="content1"></div> <div class="content2"></div> </body> </html> </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload