2013年8月26日月曜日

Flickr ファイル検索、Javascript,


1.
     key=e2d7f5575339924addac8fd8a3584035
     を入れ替えが必要です。下記のリンクをご参考ください。
     http://www.flickr.com/services/api/explore/flickr.photos.search

2.
     WindowsXDomainRequest() responseText取得したデータの取り扱い
     は不明、要確認。



<html>
<meta>
</meta>
<body>

<form id="flickr">
<input type="text" value="写真" onblur="ffun(this)"/><p>キーワード入力</p><br>
</form>

<script type="text/javascript">
function ffun(val){
var key=val.value;
link(key);
}

function link(key){
key=encodeURIComponent(key);
var url1="http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=e2d7f5575339924addac8fd8a3584035&text="+key+"&format=rest";

if(navigator.userAgent.indexOf('MSIE')>-1){
winxxml(url1);
}else{
xxxml(url1);
}
}

function winxxml(ulink){
var date;
alert(ulink);
date=new XDomainRequest();
date.open('GET',ulink);
date.send();
alert(date.responseText);
}

function xxxml(ulink){
var date;
date=new XMLHttpRequest();
date.open('get',ulink,true);
date.send(null);
date.onreadystatechange=function(){
var ll=date.responseXML.getElementsByTagName('photo');
for(var i=0;i<ll.length;i++){
var aa=ll[i].getAttribute('farm');
var bb=ll[i].getAttribute('server');
var cc=ll[i].getAttribute('id');
var dd=ll[i].getAttribute('secret');
imglink(aa,bb,cc,dd);
}
}
}

function imglink(a,b,c,d){
 document.write('<br>');
 document.write('http://farm'+a+'.staticflickr.com/'+b+'/'+c+'_'+d+'.jpg');
}
</script>
</body>
</html>

1 件のコメント:

bai xiao さんのコメント...

利用者がID、パスワードなどによって本人であることを確認する行為を「認証」、本人であることを確認したあと、その利用者に対して適切なサービス(またはデータへのアクセス権限)を提供することを「認可」といいます。

OAuthにおいては、利用者の同意によりデータへのアクセス権限がサードパーティーのアプリケーションへ渡されることになりますが、サードパーティーにアクセス権限を付与することも、ここでは「認可」といいます。