hpapi.blogspot.jp: Javascript

ラベル Javascript の投稿を表示しています。すべての投稿を表示

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月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月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>

2013年7月8日月曜日

Javascript eval() 関数

var x= "(5+5)*20";
alert(eval(x));

例　このページを開くとき、すでに実行されています。

2013年7月7日日曜日

セキュリティ保護のため、コンピュータにアクセスできるアクティブコンテンツは表示されないよう、Internet Explorer で制限されています。オプションを表示するには、ここをクリックしてください...

この問題を回避するには、次の方法のいずれかを使用します。
方法 1: HTML ファイルに Web コメントのマークを挿入します。

HTML ファイルに Web コメントのマークを挿入すると、Internet Explorer のインターネットゾーンの設定を Web ページに適用します。HTML ファイルに Web コメントのマークを挿入するのには、次の手順を実行します。
メモ帳または HTML エディターで HTML ファイルを開きます。
次のいずれかを入力、HTML ファイル内のコメントを。




メモ数のかっこの後の URL 内の文字数です。
HTML ファイルを保存します。
メモ Web コメントのマークは、Microsoft Internet Explorer 4 およびそれ以降のバージョンで動作します。Windows XP sp2 の Internet Explorer の変更の一環として、この HTML コメントはマルチパート HTML (.mht) ファイルでは、and.xml ファイルも使用できます。以前のバージョンの Internet Explorer を使用している場合は、.mht または .xml ファイルに Web コメントのマークを使用できません。

http://support.microsoft.com/kb/884322/ja

2013年7月4日木曜日

navigator　オブジェクト

navigator　オブジェクト

<script type="text/javascript">

for ( var x in navigator){
document.write(x + '<br>' +navigator[x] + '<br>');
}

</script>

Javascript for/in 文　とwith 文　の使い方

for/in 文　とwith 文　の使い方

var obj={prop1:'1',prop2:'2',prop3:'3'}

for ( var x in obj){
document.write(x + '<br>');
document.write(obj[x] + '<br>');
}

with(obj){
document.write(prop2);
}

実行の例

2013年6月30日日曜日

Loto6　プログラム

出力はこちらです====================

===================================
javascript を勉強します。はじめに作成したプログラムは　1から43までのランダム
数字を出力します。　数字は重複しないこと、数字をソートすること。
又、1と43は出なければならない。　リフレッシュして、結果が変更されます。バグが
ありましたら、お知らせください。

Loto6ですね。

var loto6 = new Array ();
do{
var x= Math.round(Math.random() *42+1);
document.write(x + ',');
if (loto6.indexOf(x)>-1){
continue;
}
loto6.push(x);
}while(loto6.length<6);
document.write('<br>');
document.write(loto6);
document.write('<br>');

var sortfun = function(a,b){
if( a < b ) return -1;
if( a > b ) return 1;
if( a == b ) return 0;

}

var x=loto6.sort(sortfun);
document.write(x);

こちらの「独習JavaScript」本を参考しています。

登録: 投稿 (Atom)