[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. SQLのSELECT文で先頭から上位(TOP)10件のレコードを取得する方法(SQL Server、Oracle、MySQL、PostgreSQL) (3 PV)
  2. 有力将棋系ユーチューバーのショウヤンさんが将棋ウォーズで「ソフト指し」を告白し衝撃走る (3 PV)
  3. グーグルニュース(Google News)日本版が表示できるURL (2 PV)
  4. [将棋]角換わり▲4五桂速攻(△6五桂速攻) #佐藤天彦名人 #三浦弘行九段 (2 PV)
  5. Google News (グーグルニュース)日本版 (2 PV)
  6. Tumblr(タンブラー)のダッシュボードからおすすめ投稿を消す(非表示にする)方法 (1 PV)
  7. PHPでMySQLに接続して、SELECTでデータを取得するサンプルプログラム (1 PV)
  8. [将棋]将棋実況ユーチューバーのクロノさんが朝日新聞のクレームで棋譜中継を配信中止 (1 PV)
  9. Google Finance(グーグルファイナンス)日本版が表示されるようになってますが・・・ (1 PV)
  10. [Perl]UTF-8でエンコードされた文字列の文字数を取得するコード (1 PV)

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

  1. SQLのSELECT文で先頭から上位(TOP)10件のレコードを取得する方法(SQL Server、Oracle、MySQL、PostgreSQL) (2289 PV)
  2. Google News (グーグルニュース)日本版 (701 PV)
  3. 有力将棋系ユーチューバーのショウヤンさんが将棋ウォーズで「ソフト指し」を告白し衝撃走る (378 PV)
  4. Tumblr(タンブラー)のダッシュボードからおすすめ投稿を消す(非表示にする)方法 (378 PV)
  5. 最新のGoogle News(グーグルニュース)日本版のRSSが取得できるURL (370 PV)
  6. [将棋]角換わり▲4五桂速攻(△6五桂速攻) #佐藤天彦名人 #三浦弘行九段 (207 PV)
  7. グーグルニュース(Google News)日本版が表示できるURL (153 PV)
  8. ウェブページを1回だけリロード(再表示)する方法 (150 PV)
  9. [Perl]UTF-8でエンコードされた文字列の文字数を取得するコード (143 PV)
  10. USTREAM(ユーストリーム) 日本語版 無料のライブ映像配信サービス (138 PV)

アクセス統計

ディレクトリ

関連サイト