[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. [将棋]将棋実況ユーチューバーのクロノさんが朝日新聞のクレームで棋譜中継を配信中止 (133 PV)
  2. SQLのSELECT文で先頭から上位(TOP)10件のレコードを取得する方法(SQL Server、Oracle、MySQL、PostgreSQL) (22 PV)
  3. 東京都が7月10日から白熱電球2個をLED電球1個と無料で交換、1人1回 (9 PV)
  4. PHP+MySQLの掲示板システム「CommentPP 1.1」リリース (9 PV)
  5. 米海軍の空母カールビンソンとロナルドレーガンが日本海から撤退 #北朝鮮問題 (8 PV)
  6. ウェブページを1回だけリロード(再表示)する方法 (7 PV)
  7. [将棋]豊島将之八段が角換わり早繰り銀で藤井聡太四段に完勝するという波乱 (7 PV)
  8. Sony、ハイエンドEマウントミラーレスカメラ「α9」(model ILCE-9)を発表 (7 PV)
  9. 加計学園(かけがくえん)の獣医学部新設についての「総理の意向」文書は本物と週刊文春がスクープ予告 (6 PV)
  10. [将棋]佐藤天彦名人対Ponanza(ポナンザ)の対局は相掛かりで先手のPonanzaが圧勝 #電王戦 (5 PV)

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

  1. SQLのSELECT文で先頭から上位(TOP)10件のレコードを取得する方法(SQL Server、Oracle、MySQL、PostgreSQL) (4703 PV)
  2. [将棋]将棋実況ユーチューバーのクロノさんが朝日新聞のクレームで棋譜中継を配信中止 (1533 PV)
  3. 加計学園(かけがくえん)の獣医学部新設についての「総理の意向」文書は本物と週刊文春がスクープ予告 (427 PV)
  4. 米海軍の空母カールビンソンとロナルドレーガンが日本海から撤退 #北朝鮮問題 (243 PV)
  5. [C言語]UTF-8でエンコードされた文字列の部分文字列を取り出すコード (185 PV)
  6. ウェブページを1回だけリロード(再表示)する方法 (182 PV)
  7. [将棋]豊島将之八段が角換わり早繰り銀で藤井聡太四段に完勝するという波乱 (147 PV)
  8. Sony、ハイエンドEマウントミラーレスカメラ「α9」(model ILCE-9)を発表 (147 PV)
  9. [gcc]iconvで文字エンコードを変換するサンプルプログラム (128 PV)
  10. Google Home(グーグルホーム) - 家庭用の音声アシスタントデバイス #機械学習 #AI (122 PV)

アクセス統計

ディレクトリ

関連サイト