webForumDet fria alternativet

json flickrfeed

12 svar · 835 visningar · startad av Kaptenbeaver

KaptenbeaverMedlem sedan apr. 20127 inlägg
#1

Tjena på er!

Försöker få ett flickrfeed att visa på min sida. Med hjälp utav ett sökfält skall man kunna fylla i och få tag ifrån feeden och bilder och text presenterad för sig på sidan.

Så här ser koden ut just nu.

window.onload = function () {
    var formElement = document.getElementById('flickrForm');
    formElement.onsubmit = flickrSearch;
}

function addScriptTag(url, scriptDiv) {
    if (scriptDiv.hasChildNodes())
    {
        scriptDiv.removeChild(scriptDiv.firstChild)
    };

    var scriptElement = document.createElement('script');
    scriptElement.setAttribute('src', url);
    scriptDiv.appendChild(scriptElement);
}

function flickrSearch () {
    //var url = 'http://api.flickr.com/services/feeds/photos_public.gne?format=json&tags=nikon,sepia';
    var tagField = document.getElementById('tags');
    var tags = tagField.value;
    url = 'http://api.flickr.com/services/feeds/photos_public.gne?format=json&tags=' + tags;
    var target = document.getElementById('scriptDiv');
    addScriptTag(url, target);
    
    return false;
}

function jsonFlickrFeed (json) {

    var youTubeDiv = document.getElementById('scriptDiv');
    var ulElement = document.createElement('ul');
    var liElement = document.createElement('li');
    var imgElement = document.createElement("img");
    imgElement.setAttribute("src",json.title);
    var personText = document.createTextNode(json.title);

        
        liElement.appendChild(imgElement);
        liElement.appendChild(personText);
        ulElement.appendChild(liElement);
 
    scriptDiv.appendChild(ulElement);
}

Jag får upp mina element men innehållet är ju inte det jag vill. Jag är inte så duktig på sånt här så tar gärna emot hjälp.

voigtann1Medlem sedan juni 20018 810 inlägg
#2

lägg även upp HTML markupen så man har något att gå på

KaptenbeaverMedlem sedan apr. 20127 inlägg
#3

Här kommer html. :)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>index</title>
		<script src="scripts/flickrSearch.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<form id="flickrForm">
			<label for="tags">Tags:</label>
			<input type="text" name="tags" value="" id="tags" />
			<input type="submit" name="search" value="Search" id="search" />
		</form>
		<div id="results">
	
		</div>
		<div id="scriptDiv">
	
		</div>
	</body>
</html>
voigtann1Medlem sedan juni 20018 810 inlägg
#4

json objektet du få tillbaka är ju:

{ "description" : "",
  "generator" : "http://www.flickr.com/",
  "items" : [ { "author" : "nobody@flickr.com (pickup2sticks)",
        "author_id" : "41584113@N02",
        "date_taken" : "2011-05-14T03:03:13-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/gordonkerr/\">pickup2sticks</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/gordonkerr/7078007645/\" title=\"Ash Shop Cyclist\"><img src=\"http://farm6.staticflickr.com/5272/7078007645_ccd195290e_m.jpg\" width=\"213\" height=\"240\" alt=\"Ash Shop Cyclist\" /></a></p> <p>© 2011 Gordon Kerr</p>",
        "link" : "http://www.flickr.com/photos/gordonkerr/7078007645/",
        "media" : { "m" : "http://farm6.staticflickr.com/5272/7078007645_ccd195290e_m.jpg" },
        "published" : "2012-04-14T23:02:59Z",
        "tags" : "street city light people woman girl fashion bike sepia contrast mono photo nikon focus pretty mood legs image unique quality candid picture style sharp cycle brunette shape toned tamron d7000 gjkerr",
        "title" : "Ash Shop Cyclist"
      },
      { "author" : "nobody@flickr.com (AlexKrengel)",
        "author_id" : "51276356@N04",
        "date_taken" : "2011-09-28T18:24:41-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/alexkrengel/\">AlexKrengel</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/alexkrengel/7077721957/\" title=\"Bokeh\"><img src=\"http://farm8.staticflickr.com/7059/7077721957_6d23781d5f_m.jpg\" width=\"240\" height=\"111\" alt=\"Bokeh\" /></a></p> ",
        "link" : "http://www.flickr.com/photos/alexkrengel/7077721957/",
        "media" : { "m" : "http://farm8.staticflickr.com/7059/7077721957_6d23781d5f_m.jpg" },
        "published" : "2012-04-14T21:12:21Z",
        "tags" : "seattle sunset bw skyline sepia digital photography lights nikon bokeh ps d90 cs5 alexkrengel",
        "title" : "Bokeh"
      },
      { "author" : "nobody@flickr.com (Milu Pin)",
        "author_id" : "75865608@N05",
        "date_taken" : "2012-04-14T12:34:44-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/milupinmeup/\">Milu Pin</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/milupinmeup/6931156804/\" title=\"DSCN5043\"><img src=\"http://farm6.staticflickr.com/5276/6931156804_16e2111f96_m.jpg\" width=\"240\" height=\"180\" alt=\"DSCN5043\" /></a></p> ",
        "link" : "http://www.flickr.com/photos/milupinmeup/6931156804/",
        "media" : { "m" : "http://farm6.staticflickr.com/5276/6931156804_16e2111f96_m.jpg" },
        "published" : "2012-04-14T18:16:12Z",
        "tags" : "woman girl sepia photography nikon picture daily strong lonely feelings",
        "title" : "DSCN5043"
      },
      { "author" : "nobody@flickr.com (Cliff Michaels)",
        "author_id" : "44437572@N00",
        "date_taken" : "2012-04-04T15:15:56-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/cliffmichaels/\">Cliff Michaels</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/cliffmichaels/6930425434/\" title=\"\"><img src=\"http://farm8.staticflickr.com/7125/6930425434_b2ebde7d9c_m.jpg\" width=\"240\" height=\"198\" alt=\"\" /></a></p> ",
        "link" : "http://www.flickr.com/photos/cliffmichaels/6930425434/",
        "media" : { "m" : "http://farm8.staticflickr.com/7125/6930425434_b2ebde7d9c_m.jpg" },
        "published" : "2012-04-14T13:42:54Z",
        "tags" : "sepia photoshop duck nikon tennessee d5000 pse9",
        "title" : ""
      },
      { "author" : "nobody@flickr.com (phunnyfotos)",
        "author_id" : "52384688@N06",
        "date_taken" : "2012-04-01T00:00:00-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/phunnyfotos/\">phunnyfotos</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/phunnyfotos/6930378186/\" title=\"Nature's Lace\"><img src=\"http://farm8.staticflickr.com/7268/6930378186_0300dd8130_m.jpg\" width=\"240\" height=\"152\" alt=\"Nature's Lace\" /></a></p> ",
        "link" : "http://www.flickr.com/photos/phunnyfotos/6930378186/",
        "media" : { "m" : "http://farm8.staticflickr.com/7268/6930378186_0300dd8130_m.jpg" },
        "published" : "2012-04-14T13:21:25Z",
        "tags" : "monochrome sepia leaf nikon lace australia monotone victoria eucalypt vic eucalyptus lacy gumleaf gippsland deadleaf eastgippsland nikond5100 phunnyfotos",
        "title" : "Nature's Lace"
      },
      { "author" : "nobody@flickr.com (Fleeting Glimpse)",
        "author_id" : "10657782@N00",
        "date_taken" : "2010-03-21T12:28:01-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/fleetingglimpse/\">Fleeting Glimpse</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/fleetingglimpse/7076115995/\" title=\"Whitby seagulls\"><img src=\"http://farm8.staticflickr.com/7212/7076115995_872aa4e72f_m.jpg\" width=\"240\" height=\"166\" alt=\"Whitby seagulls\" /></a></p> ",
        "link" : "http://www.flickr.com/photos/fleetingglimpse/7076115995/",
        "media" : { "m" : "http://farm8.staticflickr.com/7212/7076115995_872aa4e72f_m.jpg" },
        "published" : "2012-04-14T10:20:41Z",
        "tags" : "sea seagulls sepia pier nikon yorkshire whitby d80 photosofwhitby",
        "title" : "Whitby seagulls"
      },
      { "author" : "nobody@flickr.com (pickup2sticks)",
        "author_id" : "41584113@N02",
        "date_taken" : "2011-10-15T01:37:03-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/gordonkerr/\">pickup2sticks</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/gordonkerr/6930014550/\" title=\"Shopping Reunion\"><img src=\"http://farm6.staticflickr.com/5238/6930014550_bf59652ae1_m.jpg\" width=\"170\" height=\"240\" alt=\"Shopping Reunion\" /></a></p> <p>© 2011 Gordon Kerr</p>",
        "link" : "http://www.flickr.com/photos/gordonkerr/6930014550/",
        "media" : { "m" : "http://farm6.staticflickr.com/5238/6930014550_bf59652ae1_m.jpg" },
        "published" : "2012-04-14T10:04:30Z",
        "tags" : "street city girls people urban bw woman stockings girl fashion sepia shopping walking mono nikon path candid style tights skirt brunette tamron derby d7000 gjkerr",
        "title" : "Shopping Reunion"
      },
      { "author" : "nobody@flickr.com (Oscar Zgz)",
        "author_id" : "33770606@N06",
        "date_taken" : "2012-03-10T15:32:15-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/elizaveta2008/\">Oscar Zgz</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/elizaveta2008/6929862876/\" title=\"Boda\"><img src=\"http://farm8.staticflickr.com/7062/6929862876_11621649af_m.jpg\" width=\"160\" height=\"240\" alt=\"Boda\" /></a></p> <p><a href=\"http://www.photozero.es/portfolio/bodas\" rel=\"nofollow\">www.photozero.es/portfolio/bodas</a></p>",
        "link" : "http://www.flickr.com/photos/elizaveta2008/6929862876/",
        "media" : { "m" : "http://farm8.staticflickr.com/7062/6929862876_11621649af_m.jpg" },
        "published" : "2012-04-14T08:30:16Z",
        "tags" : "sepia nikon boda enlace virado ternura d300s monasteriodeboltaña fotografozaragoza oscarcolas photozero",
        "title" : "Boda"
      },
      { "author" : "nobody@flickr.com (gHopson.)",
        "author_id" : "36352720@N05",
        "date_taken" : "2012-02-01T11:42:14-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/ghopson/\">gHopson.</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/ghopson/6929126810/\" title=\"G a z e\"><img src=\"http://farm8.staticflickr.com/7081/6929126810_f8bb9cbca5_m.jpg\" width=\"240\" height=\"240\" alt=\"G a z e\" /></a></p> ",
        "link" : "http://www.flickr.com/photos/ghopson/6929126810/",
        "media" : { "m" : "http://farm8.staticflickr.com/7081/6929126810_f8bb9cbca5_m.jpg" },
        "published" : "2012-04-14T01:00:07Z",
        "tags" : "chile patagonia dog sepia puerto nikon perro ii 1855 gaze montt vr d90",
        "title" : "G a z e"
      },
      { "author" : "nobody@flickr.com (Paride Iovieno)",
        "author_id" : "30880424@N05",
        "date_taken" : "2012-04-13T18:08:58-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/30880424@N05/\">Paride Iovieno</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/30880424@N05/7074377747/\" title=\"Alone in the dark, a hope. \"><img src=\"http://farm8.staticflickr.com/7217/7074377747_8517659f03_m.jpg\" width=\"157\" height=\"240\" alt=\"Alone in the dark, a hope. \" /></a></p> <p>Nikon D80+Nikkor 18-135<br /> <br /> Ph: P.Iovieno<br /> Model: Alessandra<br /> <br /> Only natural light</p>",
        "link" : "http://www.flickr.com/photos/30880424@N05/7074377747/",
        "media" : { "m" : "http://farm8.staticflickr.com/7217/7074377747_8517659f03_m.jpg" },
        "published" : "2012-04-13T18:40:40Z",
        "tags" : "portrait bw woman house storm nature sepia dark casa nikon alone natural ghost naturallight nikkor diroccata mattoni lght hounted d80",
        "title" : "Alone in the dark, a hope. "
      },
      { "author" : "nobody@flickr.com (Samawy)",
        "author_id" : "8870062@N08",
        "date_taken" : "2012-04-13T19:47:43-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/8870062@N08/\">Samawy</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/8870062@N08/6928280110/\" title=\"Kitchen Items\"><img src=\"http://farm8.staticflickr.com/7110/6928280110_0ce4fea1ac_m.jpg\" width=\"240\" height=\"160\" alt=\"Kitchen Items\" /></a></p> ",
        "link" : "http://www.flickr.com/photos/8870062@N08/6928280110/",
        "media" : { "m" : "http://farm8.staticflickr.com/7110/6928280110_0ce4fea1ac_m.jpg" },
        "published" : "2012-04-13T18:33:36Z",
        "tags" : "barcelona old uk light italy usa house canada france home kitchen coffee statue sepia canon germany real cafe spain nikon europe flickr barca foto drink para australia explore arab arabia moment items item campnou franca hdr raison twitter 60d flickraward oldhdr",
        "title" : "Kitchen Items"
      },
      { "author" : "nobody@flickr.com (Andrew W.....)",
        "author_id" : "64388919@N05",
        "date_taken" : "2012-04-13T19:59:46-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/64388919@N05/\">Andrew W.....</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/64388919@N05/7074275323/\" title=\"You come to me for a favor....?\"><img src=\"http://farm8.staticflickr.com/7180/7074275323_51c7e97b46_m.jpg\" width=\"159\" height=\"240\" alt=\"You come to me for a favor....?\" /></a></p> ",
        "link" : "http://www.flickr.com/photos/64388919@N05/7074275323/",
        "media" : { "m" : "http://farm8.staticflickr.com/7180/7074275323_51c7e97b46_m.jpg" },
        "published" : "2012-04-13T17:59:37Z",
        "tags" : "blackandwhite bw man classic monochrome sepia bar restaurant gangster nikon power muscle fear tie suit favor godfather mafia d7000",
        "title" : "You come to me for a favor....?"
      },
      { "author" : "nobody@flickr.com (pickup2sticks)",
        "author_id" : "41584113@N02",
        "date_taken" : "2011-09-30T01:41:15-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/gordonkerr/\">pickup2sticks</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/gordonkerr/6927155430/\" title=\"Toned Refreshments\"><img src=\"http://farm8.staticflickr.com/7234/6927155430_e53bd076a1_m.jpg\" width=\"174\" height=\"240\" alt=\"Toned Refreshments\" /></a></p> <p>© 2011 Gordon Kerr</p>",
        "link" : "http://www.flickr.com/photos/gordonkerr/6927155430/",
        "media" : { "m" : "http://farm8.staticflickr.com/7234/6927155430_e53bd076a1_m.jpg" },
        "published" : "2012-04-13T09:40:58Z",
        "tags" : "street city nottingham girls people urban bw woman fashion sepia walking mono nikon legs path candid style shorts brunette toned tamron d7000 gjkerr",
        "title" : "Toned Refreshments"
      },
      { "author" : "nobody@flickr.com (trekker308)",
        "author_id" : "29484583@N04",
        "date_taken" : "2012-04-12T17:15:19-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/trekker308/\">trekker308</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/trekker308/7073032695/\" title=\"Hugo\"><img src=\"http://farm8.staticflickr.com/7125/7073032695_fdc5526e77_m.jpg\" width=\"240\" height=\"240\" alt=\"Hugo\" /></a></p> <p>One-and-a-half eyed supreme hunter, who otherwise doesn't have an ounce of malice in him - his compromised eyesight doesn't stop him from catching bees in flight - I hasten to add that we are trying to discourage him from doing this. ;-)<br /> <br /> 1973 55mm f/3.5 Micro-Nikkor-P Auto @ f/4</p>",
        "link" : "http://www.flickr.com/photos/trekker308/7073032695/",
        "media" : { "m" : "http://farm8.staticflickr.com/7125/7073032695_fdc5526e77_m.jpg" },
        "published" : "2012-04-13T07:24:47Z",
        "tags" : "closeup sepia cat nikon hugo nikkor micronikkor 55mmf35micronikkorpauto",
        "title" : "Hugo"
      },
      { "author" : "nobody@flickr.com (Leonardo de Melo)",
        "author_id" : "56258179@N08",
        "date_taken" : "2012-03-25T17:42:44-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/lmdemelo/\">Leonardo de Melo</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/lmdemelo/7071888005/\" title=\"Tree and Stones\"><img src=\"http://farm6.staticflickr.com/5348/7071888005_43a7b9dc9d_m.jpg\" width=\"240\" height=\"158\" alt=\"Tree and Stones\" /></a></p> <p>Aachen - DE</p>",
        "link" : "http://www.flickr.com/photos/lmdemelo/7071888005/",
        "media" : { "m" : "http://farm6.staticflickr.com/5348/7071888005_43a7b9dc9d_m.jpg" },
        "published" : "2012-04-12T21:20:04Z",
        "tags" : "old travel sunset heritage church monochrome sepia germany nikon europe dom explore aachen hdr d7000",
        "title" : "Tree and Stones"
      },
      { "author" : "nobody@flickr.com (Sam I Photo)",
        "author_id" : "46124684@N07",
        "date_taken" : "2012-04-11T18:12:02-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/peekimage/\">Sam I Photo</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/peekimage/7071786541/\" title=\"Death of an Orchard\"><img src=\"http://farm8.staticflickr.com/7040/7071786541_dc8f6c7893_m.jpg\" width=\"240\" height=\"159\" alt=\"Death of an Orchard\" /></a></p> <p>Death of an Orchard. I wanted to capture the light hitting the clusters of Mistletoe, the only foliage showing on these ancient apple trees. Taken using a 950nm cut off filter.</p>",
        "link" : "http://www.flickr.com/photos/peekimage/7071786541/",
        "media" : { "m" : "http://farm8.staticflickr.com/7040/7071786541_dc8f6c7893_m.jpg" },
        "published" : "2012-04-12T20:40:50Z",
        "tags" : "trees sepia landscape ir nikon long exposure grain orchard infrared 24mm f28 pseudo ais d7000",
        "title" : "Death of an Orchard"
      },
      { "author" : "nobody@flickr.com (scottfillmer)",
        "author_id" : "27203737@N06",
        "date_taken" : "2003-04-05T09:34:50-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/scottfillmer/\">scottfillmer</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/scottfillmer/6925669774/\" title=\"Self Portrait of My First Nikon DSLR Camera\"><img src=\"http://farm8.staticflickr.com/7061/6925669774_6f3a483eac_m.jpg\" width=\"240\" height=\"164\" alt=\"Self Portrait of My First Nikon DSLR Camera\" /></a></p> <p>The Nikon D100, the first affordable Nikon DSLR camera on the market. Self portrait taken in a mirror and then rotated.</p>",
        "link" : "http://www.flickr.com/photos/scottfillmer/6925669774/",
        "media" : { "m" : "http://farm8.staticflickr.com/7061/6925669774_6f3a483eac_m.jpg" },
        "published" : "2012-04-12T20:26:23Z",
        "tags" : "old selfportrait sepia vintage scott mirror nikon first mirrorimage dslr nikon100 fillmer",
        "title" : "Self Portrait of My First Nikon DSLR Camera"
      },
      { "author" : "nobody@flickr.com (straman)",
        "author_id" : "64513467@N04",
        "date_taken" : "2012-04-08T19:42:58-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/reubendeg/\">straman</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/reubendeg/7071177807/\" title=\"The Observers\"><img src=\"http://farm8.staticflickr.com/7229/7071177807_eb814330cb_m.jpg\" width=\"240\" height=\"160\" alt=\"The Observers\" /></a></p> ",
        "link" : "http://www.flickr.com/photos/reubendeg/7071177807/",
        "media" : { "m" : "http://farm8.staticflickr.com/7229/7071177807_eb814330cb_m.jpg" },
        "published" : "2012-04-12T16:54:06Z",
        "tags" : "mountain france sepia freedom flying nikon couple dream foggy dreams nikkor observers parachute parachutist d3100",
        "title" : "The Observers"
      },
      { "author" : "nobody@flickr.com (NeivaRosa)",
        "author_id" : "39861820@N06",
        "date_taken" : "2012-04-11T21:07:21-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/5604881_nrmh/\">NeivaRosa</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/5604881_nrmh/6924743408/\" title=\"Jorge y Paula\"><img src=\"http://farm6.staticflickr.com/5032/6924743408_f260c9a9c1_m.jpg\" width=\"240\" height=\"161\" alt=\"Jorge y Paula\" /></a></p> ",
        "link" : "http://www.flickr.com/photos/5604881_nrmh/6924743408/",
        "media" : { "m" : "http://farm6.staticflickr.com/5032/6924743408_f260c9a9c1_m.jpg" },
        "published" : "2012-04-12T14:38:47Z",
        "tags" : "family baby face sepia 35mm nikon",
        "title" : "Jorge y Paula"
      },
      { "author" : "nobody@flickr.com (mauvar2011)",
        "author_id" : "63208709@N07",
        "date_taken" : "2012-04-11T22:36:02-08:00",
        "description" : " <p><a href=\"http://www.flickr.com/people/mauvar2011/\">mauvar2011</a> posted a photo:</p> <p><a href=\"http://www.flickr.com/photos/mauvar2011/6923575016/\" title=\"La máquina del tiempo\"><img src=\"http://farm8.staticflickr.com/7105/6923575016_c31c83b151_m.jpg\" width=\"240\" height=\"240\" alt=\"La máquina del tiempo\" /></a></p> <p>Quise hacer este retrato con el efecto del opalotipo pues se me antoja que las técnicas de procesamiento del siglo XIX tenían ese encanto de lo esencial, de lo fundamental... es una impresión.</p>",
        "link" : "http://www.flickr.com/photos/mauvar2011/6923575016/",
        "media" : { "m" : "http://farm8.staticflickr.com/7105/6923575016_c31c83b151_m.jpg" },
        "published" : "2012-04-12T03:36:02Z",
        "tags" : "family bw sepia nikon bogota parent sonrisa hijo d7000 opalotype",
        "title" : "La máquina del tiempo"
      }
    ],
  "link" : "http://www.flickr.com/photos/",
  "modified" : "2012-04-14T23:02:59Z",
  "title" : "Recent Uploads tagged nikon and sepia"
}

det är väl items arrayn du vill få ut?

KaptenbeaverMedlem sedan apr. 20127 inlägg
#5

Jo, vill kunna få ut bilderna genom att söka efter dom med formuläret. :)

voigtann1Medlem sedan juni 20018 810 inlägg
#6

jsonFlickrFeed har ett json objekt, loopar ut json.items för alla bilder du vill presentera: http://jsbin.com/ifetov/edit#javascript,html,live

jag vet inte vad du vill presentera ifrån varje item så du få bygga ihop strängen där själv (kolla i loggen vad item har för värden)

KaptenbeaverMedlem sedan apr. 20127 inlägg
#7

Tack för din hjälp! Nu har jag lyckats få ut något! Har inte riktigt förstått att man får en array tillbaks som man måste loopa igenom. Jag är imponerad över din loop också, har aldrig sett en sådan. :)

for(var i = 0,l = json.items.length;i<l;i++) {

  }

Hur fungerar den gentemot en vanlig for-loop? :)

Om jag nu skulle vilja återanvända min kod för andra json feeds. Jag försöker få en ett youtube feed att funka men får de inte att funka.

voigtann1Medlem sedan juni 20018 810 inlägg
#8

det är en vanlig for-loop, den ända skillnaden som jag ser är att jag skapar en variabel l och spara längden på arrayn (så slipper man kolla arrayn varje gång, då en array kan ändras i javascript, så måste den kolla värdet varje gång loopen gå om du hade haft json.items.length vid i<l (istället för l).

Ingen aning om hur din youtube feed ser ut så det är lite svårt att säga...

KaptenbeaverMedlem sedan apr. 20127 inlägg
#9

Ok på så vis. :)

Sitter på google developers och försöker lära mig.

https://developers.google.com/youtube/2.0/developers_guide_json

Jag bara skrev något för att testa och fick en feed som denna:

https://gdata.youtube.com/feeds/api/videos?v=2&alt=jsonc&q=cocacola

voigtann1Medlem sedan juni 20018 810 inlägg
#10

du kan inte utgå ifrån deras exempel (ditt exempel har json.data.items) och varje item där är en array som du får kolla längden på (vet inte om någon är större än 0) och presentera varje inlägg där ifrån

KaptenbeaverMedlem sedan apr. 20127 inlägg
#11

Ok! Jo jag får ju ut det på sidan men jag vill ju kunna söka igenom feeden.

    var tagField = document.getElementById('tags');
    var tags = tagField.value;
    url = 'http://api.flickr.com/services/feeds/photos_public.gne?format=json&tags=' + tags;

Eftersom den feeden funkar med tidigare kod skulle jag vilja göra likadant fast med json ifrån youtube.

voigtann1Medlem sedan juni 20018 810 inlägg
#12

Du kan inte utgå ifrån att det bara är att köra samma kod, JSON objekten du få tillbaka är helt annorlunda än den ifrån flickr

KaptenbeaverMedlem sedan apr. 20127 inlägg
#13

Ja jo det är jag allt med på, problemet är hur jag ska tänka hur jag ska få värdet i fältet att fungera ihop med den nya youtube feeden. :)

Genererad på 400 ms · cache AV · v20260730165559-full.f96bc7eb