2013年8月28日水曜日

Flickr ファイル検索、Javascript, 前回の続き、検索した結果の写真を表示するようにします

Flickr ファイル検索、Javascript, 前回の続き、検索した結果の写真を表示するようにします。

Google Chromeご利用ください。

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>

2013年8月25日日曜日

Flickr API イメージリンク作成ファンクション パーツ

Flickr API  イメージリンク作成ファンクション

例:http://farm4.staticflickr.com/3792/9590406164_68f81cd67e.jpg


<script type="text/javascript">
var x=imglink('4','3792','9590406164','68f81cd67e');

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

</script>

2013年8月22日木曜日

XDomainRequest ドメイン間要求 (XDR) の概要(IE)

XDomainRequest

ドメイン間要求 (XDR) の概要

http://msdn.microsoft.com/ja-jp/library/dd573303(v=vs.85).aspx




<script type="text/javascript">
var xdr;
var ulink='http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=a2e61b747d51c0f4ba93c3f506e8ba3c&text=akb48&format=rest';

xdr=new XDomainRequest();
xdr.open('GET',ulink);
xdr.send();
alert(xdr.responseText);


</script>


2013年8月16日金曜日

Flickr API を確認中

Flickr API  を確認中です、認証しないで、画像の検索ができます。


flickr.photos.search

<?php
//url http://www.flickr.com/services/api/explore/flickr.photos.search
//http://farm{farm-id}.staticflickr.com/{server-id}/{id}_{secret}.jpg
//or
//http://farm{farm-id}.staticflickr.com/{server-id}/{id}_{secret}_[mstzb].jpg
//or
//http://farm{farm-id}.staticflickr.com/{server-id}/{id}_{o-secret}_o.(jpg|gif|png)

$test=new flickr('秋葉原');



class flickr{

public function flickr($key){
$url='http://api.flickr.com/services/rest/?';
$imglink='http://farm%s.staticflickr.com/%s/%s_%s_b.jpg';
$imglink='http://farm%s.staticflickr.com/%s/%s_%s.jpg';
$imgshow='<img src="%s" alt="%s" title="%s" />';
$para['method']='flickr.photos.search';
$para['api_key']='********************************';
$para['text']=urldecode($key);
$para['format']='rest';
$para['sort']='date-posted-desc';
ksort($para);
echo $paraurl=$url.http_build_query($para);
$xml=simplexml_load_file($paraurl);


foreach($xml->photos->photo as $key=>$val){
$t_id=$val->attributes()->id;
$t_owner=$val->attributes()->owner;
$t_secret=$val->attributes()->secret;
$t_server=$val->attributes()->server;
$t_farm=$val->attributes()->farm;
$t_title=$val->attributes()->title;
$t_ispublic=$val->attributes()->ispublic;
$t_isfriend=$val->attributes()->isfriend;
$t_isfamily=$val->attributes()->isfamily;

$t_imglink=sprintf($imglink,$t_farm,$t_server,$t_id,$t_secret);
echo sprintf($imgshow,$t_imglink,$t_title,$t_title);
echo '<br>';
echo '<br>';

}

}

public function pinfo($ihoto_id){



}



}


?>




結果(一部)
130815@ソフマップ 秋葉原本館

アイスカフェラテ+カレードーナツ@DONQ 秋葉原店

「Google 新型Nexus7 近日入荷 16GB¥34,800 32GB¥39,800」ジャングル 秋葉原3号店

「Sushi 世の中はお盆休み中ですネ! 元祖寿司は休まずガンバッテ営業してます。ぜひっ!おいしい寿司を食べてってネ!!」元祖寿司 秋葉原中央通り店

「HTC ONE Google Edition ¥79,800」ジャングル 秋葉原3号店

「お盆特価!! WD20EZRX BOX 低発熱・静音動作・省エネ更に容量単価の安さがポイントです 2TB ¥6,980」BUY MORE 秋葉原本店

『ロットに注意!! 初期ロット無くなり次第終了です Xeon E3-1225v3 3.2GHz 本来は4コア4スレッドですが初期ロット「SR14U」のみ4コア8スレッド!!なのですっっ!! ¥24,480』BUY MORE 秋葉原本店

2013年8月4日日曜日

document getAttribute('class') .getAttribute('classname')

getAttribute() メソッドを利用して、class 属性を取得する際に、ブラウザ別に設定が必要になります。

Google Chrome
Mozilla Firefox
の場合  getAttribute('class')


Internet Explorer
の場合  getAttribute('classname')



<script type="text/javascript">
var mv=document.getElementsByTagName('div');
for (var i=0;i<mv.length; i++){
if(mv[i].getAttribute('class')=="item-title" || mv[i].getAttribute('classname')=="item-title"){

document.write(mv[i].innerText + '<br>');

}

}
</script>