About ajax

ブログ「三流覚え書き」のカテゴリ「ajax」に投稿されたすべてのエントリーのアーカイブのページです。過去のものから新しいものへ順番に並んでいます。

他にも多くのエントリーがあります。メインページアーカイブページも見てください。

About ajax

Powered by
Movable Type 3.35

メイン

ajax アーカイブ

2007年07月09日

prototypeとは

prototypeとはJavaScriptのフレームワークです。
超メジャー!!

Prototype JavaSctipt framework

Prototype Window Classとは

ウィンドウを開くJavaScriptのライブラリ。

Prototype Window Class

script.aculo.usのeffects.js

エフェクトのJavaScriptのライブラリ

script.aculo.us

JSONの利用

JKL.ParseXML/ajax通信処理ライブラリ

カレンダー表示


[JavaScript] JKL.Calendar/ポップアップするカレンダー表示クラス

2007年09月25日

JavaScriptでRSSリーダー

jkl-parsexml.jsを利用してJSONを取得します。
その後、htmlを生成してdivタグのinnerHTMLに出力しています。

※別ドメインにはプロキシが必要

JAVASCRIPT


<script type="text/javascript" src="jkl-parsexml.js"></script>

<script type="text/javascript">
//<![CDATA[

window.onload = function(){

var url = "atom.xml";
var http = new JKL.ParseXML( url );
var data = http.parse();
var html;

html="<table>";

for (idx in data.feed.entry){

  var entry = data.feed.entry[idx];
  
  var title     = entry.title;
  var href      = entry.link.href;
  var updated   = entry.updated.substring(0,10);
  var table;

  table  = "<tr>";
  table += "<td><a href=\""+href+"\">"+title+"</a></td>";
  table += "<td>("+updated+")</td>";
  table += "</tr>\n";

  html +=table;

}

html+="</table>";

var result=document.getElementById('feedResult');
result.innerHTML = html;

};

//]]>
</script>

BODYにDIVを適当に置く


<div id="feedResult"></div>

PHPで別ドメイのコンテンツを出力

単純に指定したURLのコンテンツをそのまま出力する。

<?php
//POST引数取得 $rss = $_POST['url'];
if( empty($rss)){exit;}
//読み込み $file = fopen($rss,"r");
if( !$file ) {exit;}
//ヘッダ header("Content-type: application/xml; charset=utf-8");
//出力 while ( !feof($file)){   $line = fgets($file,1024);   echo $line; }
fclose($file);}
?>

2007年09月28日

Prototype Window Classを利用してダイアログを表示


Prototype Window Classを利用した
ダイアログのサンプル

2009年01月23日

jQueryとは

JavaScriptのコーディングを強力に支援するライブラリです

http://jquery.com/

2009年03月
Sun Mon Tue Wed Thu Fri Sat
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31