[date:20090511]の検索結果


少量から・一括で検索、見積、購入ができる電子部品・半導体の通販サイト。
[1538] Posted by kagahiro at 2009/05/11 23:40:58
0 point | Link (0) | Trackback (0) | Comment (0)

JavaScriptライブラリの一つである「jQuery」を使ってフィード（RSS2.0）の内容を取得するサンプルプログラムです。

動作させるには、jQueryのサイトからjquery-1.3.2.min.jsをダウンロードしておく必要があります。また、feed.html、rss.xmlは同じドメインのサイトである必要があります。なお、rss.xmlについては、どこかからRSS 2.0形式のRSSフィードをダウンロードしてください。

--- feed.html ---

<html>
<head>
<meta http-equiv="content-type content="text/html; charset=utf-8" >
<title>Ajax フィード（RSS2.0）の表示</title>
<script type="text/javascript" src="./jquery-1.3.2.min.js"></script>
<script type="text/javascript"><!--
$(document).ready(function(){
  $.ajax({
    url: "rss.xml",
    async: true,
    cache: false,
    dataType: "xml",
    success: function(xml){
      $(xml).find('item').each(function(i){
        if (i == 5) {
          return false;
        }
        var title = $(this).find('title').text();
        var url = $(this).find('link').text();
        $('#itemlist').append('<a href="'+url+'">'+title+'</a><br />');
      });
    }
  });
});
// --></script>

</head>
<body>
<h3>Ajax フィード（RSS2.0）の表示</h3>

<div id="itemlist">
<!-- ここにフィードの内容が表示される -->
</div>

</body>
</html>

jQuery: The Write Less, Do More, JavaScript Library
jQuery 1.2.6 日本語リファレンス
jQuery: JavaScriptでサイトのRSSを読み込み&表示。XML操作。ドメイン内部編。 | t.p.fields - web+tech info

jQueryで作る Ajaxアプリケーション
著者：沖林 正紀
価格：2,919円
技術評論社

by Amalink
(追記あり)
[1323] Posted by kagahiro at 2009/05/11 15:20:54
0 point | Link (2) | Trackback (0) | Comment (0)

フォームから入力されたXMLファイルを取得して、その内容を表示するという基本的な処理を行う Ajaxのサンプルプログラムです。

--- jslib.js (Ajaxの処理を行うJavaScritプログラム) ---

// JavaScript library
// jslibs.js
function createXMLHttpRequest(cbFunc) {
  xmlHttpObject = null;
  if (window.XMLHttpRequest) {  // Firefox,Safari,etc (Not IE)
    xmlHttpObject = new XMLHttpRequest();
  } else if (window.ActiveXObject) { //IE
    try {
      xmlHttpObject = new ActiveXObject("Msxml2.XMLHTTP");  // IE6
    } catch(e) {
      try {
        xmlHttpObject = new ActiveXObject("Microsoft.XMLHTTP");  // IE5
      } catch(e) {
        return null;
      }
    }
  }

  if (xmlHttpObject) {
    xmlHttpObject.onreadystatechange = cbFunc;
  }

  return xmlHttpObject;
}

--- sample.html (HTMLファイル) ---

<html>
<head>
<meta http-equiv="content-type content="text/html; charset=utf-8" >
<title>Ajax サンプルアプリ</title>
<script type="text/javascript" src="jslib.js"></script>
<script type="text/javascript"><!--
function loadXML() {
  httpObj = createXMLHttpRequest(dispData);
  if (httpObj) {
    httpObj.open("GET",document.ajaxForm.filename.value,true);
    httpObj.send(null);
  }
}
function dispData() {
  if ((httpObj.readyState == 4) && (httpObj.status == 200)) {
    xmlData = httpObj.responseXML;
    itemList = xmlData.getElementsByTagName("item");
    titleList = xmlData.getElementsByTagName("title");
    urlList = xmlData.getElementsByTagName("url");
    itemNum = itemList.length;
    resultText = "";
    for (i=0; i<itemNum; i++) {
      title = titleList[i].childNodes[0].nodeValue;
      url = urlList[i].childNodes[0].nodeValue;
      resultText = resultText + "<a href=\"" + url + "\">" + title + "</a><br />";
    }
    document.getElementById("result").innerHTML = resultText;
  } else {
    document.getElementById("result").innerHTML = "<b>Now loading.......</b>";
  }
}
// --></script>
</head>
<body>
<h3>Ajax サンプルアプリ</h3>
<form name="ajaxForm">
<input type="text" name="filename" />  
<input type="button" value="Load XML" onClick="loadXML()"><br />
</form>
<div id="result">
<!-- ここに取得したXMLファイルの内容が表示される -->
</div>
</body>
</html>

--- sample.xml (データを格納したXMLファイル) ---

<?xml version="1.0" encoding="utf-8"?>

<items>
  <item>
    <title>語句ログ</title>
    <url>http://59log.com/</url>
  </item>
  <item>
    <title>b-listers</title>
    <url>http://b-listers.net/</url>
  </item>
  <item>
    <title>掲示板型検索エンジン 59bbr.org</title>
    <url>http://59bbs.org/</url>
  </item>
</items>

(追記あり)
[1322] Posted by kagahiro at 2009/05/11 14:42:02
0 point | Link (1) | Trackback (0) | Comment (0)

  1  


アクセスランキング

今日のアクセスランキング TOP 10

  1. Google Finance（グーグルファイナンス）- リアルタイム株価情報、金融ニュース、日本株 (30 PV)
  2. SQLのSELECT文で先頭から上位（TOP）10件のレコードを取得する方法（SQL Server、Oracle、MySQL、PostgreSQL） (3 PV)
  3. MT4向け無料ヘッジ（両建て）ツール（EA）「STOPPER FREE」 #自動売買 #FX (3 PV)
  4. C# (2 PV)
  5. 動画共有サイト - ニコニコ動画 (2 PV)
  6. シストレ（システムトレード） - コンピューターシステムで株や通貨を自動売買 (2 PV)
  7. アボガドのオリーブオイル漬け (2 PV)
  8. Windows Vista Capable PC (2 PV)
  9. ハッピーハッキングキーボード（HHKB、Happy Hacking Keyboard） (2 PV)
  10. ブログを利用したECサイト向け口コミ広告サービス (2 PV)

今月のアクセスランキング TOP 10

  1. SQLのSELECT文で先頭から上位（TOP）10件のレコードを取得する方法（SQL Server、Oracle、MySQL、PostgreSQL） (164 PV)
  2. Google Finance（グーグルファイナンス）- リアルタイム株価情報、金融ニュース、日本株 (155 PV)
  3. 2NN 2ちゃんねるニュース速報＋ナビ (79 PV)
  4. FC2まとめ (38 PV)
  5. 仲値トレードが簡単にできる無料EA「NAKANE3」 #MT4 (35 PV)
  6. MT4向け1ポジブレイクアウトEA「HEADLINE」オープンソースライセンス（GPL3）で公開 #USDJPY (32 PV)
  7. ２ちゃんねる（2ch） (30 PV)
  8. 安全性重視の完全無料ナンピンマーチンEA「Million Dollar（ミリオンダラー）」 #FX #ゴールド #ビットコイン (29 PV)
  9. 爆益を狙うハイリスクハイリターンのナンピンマーチンEA「Hyper Dollar MT5」 (27 PV)
  10. USTREAM（ユーストリーム） 日本語版 無料のライブ映像配信サービス (24 PV)

アクセス統計

ディレクトリ

関連サイト