[HTML]の検索結果
フォームから入力された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>
(追記あり)
株式会社paperboy&co. が提供している「ロリポップ！
」は、月額263円で、ディスク容量は200MB（+月額105円で500MBまで利用可能）、CGI、PHP、MySQL、ショッピングカートが利用できるレンタルサーバーサービスで、ブラウザからファイルのアップロード・ダウンロードが「ファイルマネージャ」、HTMLがわからなくても簡単にホームページが作れる「ホムペロリ」、掲示板、日記帳、チャット、アクセスカウンターなどのレンタルCGI「CGI CANDYBOX!」、といった便利なツールが利用できる。
また、簡単な設定でブログを設置することができる「ロリポブログ」や簡単にSNS（ソーシャルネットワーキングサービス）をはじめられる「グルチュmini」などのサービスも無料で利用できるため、レンタルサーバー初心者でもすぐにホームページの運営が可能なサービスになっています。
★月々２６３円からオンラインショップを運営！
高機能カート・クレジット決済が簡単導入
」は、月額263円で、ディスク容量は200MB（+月額105円で500MBまで利用可能）、CGI、PHP、MySQL、ショッピングカートが利用できるレンタルサーバーサービスで、ブラウザからファイルのアップロード・ダウンロードが「ファイルマネージャ」、HTMLがわからなくても簡単にホームページが作れる「ホムペロリ」、掲示板、日記帳、チャット、アクセスカウンターなどのレンタルCGI「CGI CANDYBOX!」、といった便利なツールが利用できる。また、簡単な設定でブログを設置することができる「ロリポブログ」や簡単にSNS（ソーシャルネットワーキングサービス）をはじめられる「グルチュmini」などのサービスも無料で利用できるため、レンタルサーバー初心者でもすぐにホームページの運営が可能なサービスになっています。
★月々２６３円からオンラインショップを運営！
高機能カート・クレジット決済が簡単導入
当サイト（語句ログ）で開発・配布しているソーシャルブックマーく機能搭載のオープンソースブログソフトウェア「59Tracker 3.1」を、レンタルサーバー等にインストールする方法は以下の通りです。
1.書庫ファイルの取得と解凍
59Tracker 3.1 の書庫ファイル(zip形式)を取得し、任意のディレクトリで解凍します。
2.config.cgiの変更
59Tracker 3.1 を運用する場合に必ず変更が必要な config.cgi の各項目は以下の通りです。（server.config.cgiを変更した方がわかりやすいと思います。）
$system_dir = "../system";
テンプレート、ユーザー情報、トピックカウンターファイル等が格納されるディレクトリです。Webディレクトリの外側にディレクトリを作成し、そのディレクトリを相対パスで設定します。
$data_dir = "../data";
各種データファイルが格納されるディレクトリです。Webディレクトリの外側にディレクトリを作成し、そのディレクトリを相対パスで設定します。
$docroot_dir = "http://59log.com";
CGIファイル、HTMLファイル、スタイルシートなどを配置する、59Trackerが動作するディレクトリのURLを指定します。www や public_html 等のWebディレクトリまたはその配下のディレクトリのURLになります。なお、最後にスラッシュはつけないでください。
$admin_address = 'admin@59log.com';
コメントやトラックバックがついたときにメールを送信するWebサイトの管理人のメールアドレスを指定します。
$site_title = "59Tracker Project";
59Trackerを運用するサイトの名前を設定します。
$sub_title = "ソーシャルブックマーク機能搭載のブログソフトウェア";
59Trackerを運用するサイトのサブタイトルを設定します。
上記以外項目の設定については、59Tracker 3.1 仕様書を参照してください。
3.ファイルのアップロード
FTPソフトなどを使用してサーバーにファイルをアップロードします。拡張子がjpgのファイルはバイナリー（無変換）モードで、それ以外のファイルはアスキー（無変換）モードでアップロードしてください。
Webディレクトリの配下に、Lib（ディレクトリごと）、Plugins（ディレクトリごと）、.htaccess、basic.css、index.cgi、rcvtb.cgi、xmlrpc.cgi、feed-icon-16x16.jpg、config.cgi（または、server.config.cgiの名前をconfig.cgiに変更して）をアップロードします。
Webディレクトリの外側にdata、systemをディレクトリごとアップロードします。
4.ファイル属性の変更
index.cgi、rcvtb.cgi、xmlrpc.cgiの属性を、CGIとして実行できるファイル属性(755 or 700)に変更します。
5.Perlモジュールのアップロード
59Trackerを動作させるにはPerlモジュールとして、CGI、Jcode、MIME、SOAP-Lite等が必要です。日本でサービスを提供してしているレンタルサーバーであれば、CGI、Jcode、MIMEについては、インストールされていないということはほとんどないため、これらのモジュールをインストールする必要はありませんが、SOAP-Liteについてはインストールされていない場合が多いようです。さくらインターネットやハッスルサーバーでは、必要なモジュールは全てインストールされているため特に何もする必要はありません。
SOAP-Liteがインストールされていない場合は、http://search.cpan.org/~byrne/SOAP-Lite-0.60a/ から、SOAP-Lite-0.60a.tar.gzををダウンロードし、任意のディレクトリで解凍します。解凍されたディレクトリ中のSOAP、 XMLRPCディレクトリをFTPソフトを使用して59Trackerが動作するディレクトリにアップロード(転送モード：アスキー、無変換)します。
6.管理者パスワードの変更
59Trackerが動作するWebサーバーのURLをブラウザで開き、ユーザーID:adimn、パスワード:0000でログインします。初期状態のパスワードのままでは誰でも管理者としてログインできてしまうので、adimnのパスワードを変更します。
7.最初のトピックの変更
更新情報に表示されているトピックを編集して、あなたのサイトを説明する内容の記事に変更します。
8.サイトの再構築
リストページのメニューの再構築をクリックし、サイトの再構築を行います。
config.cgiのディレクトリの設定が正しくて、index.cgiに実行属性が付いていれば最低限の動作はすると思います。また、複数設置する場合は、ドキュメントルートの下にそれぞれサブディレクトリを作成し、それぞれ上記の手順で設置します。
不明な点がある場合、うまく行かない場合は、このトピックのコメント欄にその旨を書き込む等、遠慮なく聞いてください。
さくらインターネット
【ハッスルサーバー】
エックスサーバー
1.書庫ファイルの取得と解凍
59Tracker 3.1 の書庫ファイル(zip形式)を取得し、任意のディレクトリで解凍します。
2.config.cgiの変更
59Tracker 3.1 を運用する場合に必ず変更が必要な config.cgi の各項目は以下の通りです。（server.config.cgiを変更した方がわかりやすいと思います。）
$system_dir = "../system";
テンプレート、ユーザー情報、トピックカウンターファイル等が格納されるディレクトリです。Webディレクトリの外側にディレクトリを作成し、そのディレクトリを相対パスで設定します。
$data_dir = "../data";
各種データファイルが格納されるディレクトリです。Webディレクトリの外側にディレクトリを作成し、そのディレクトリを相対パスで設定します。
$docroot_dir = "http://59log.com";
CGIファイル、HTMLファイル、スタイルシートなどを配置する、59Trackerが動作するディレクトリのURLを指定します。www や public_html 等のWebディレクトリまたはその配下のディレクトリのURLになります。なお、最後にスラッシュはつけないでください。
$admin_address = 'admin@59log.com';
コメントやトラックバックがついたときにメールを送信するWebサイトの管理人のメールアドレスを指定します。
$site_title = "59Tracker Project";
59Trackerを運用するサイトの名前を設定します。
$sub_title = "ソーシャルブックマーク機能搭載のブログソフトウェア";
59Trackerを運用するサイトのサブタイトルを設定します。
上記以外項目の設定については、59Tracker 3.1 仕様書を参照してください。
3.ファイルのアップロード
FTPソフトなどを使用してサーバーにファイルをアップロードします。拡張子がjpgのファイルはバイナリー（無変換）モードで、それ以外のファイルはアスキー（無変換）モードでアップロードしてください。
Webディレクトリの配下に、Lib（ディレクトリごと）、Plugins（ディレクトリごと）、.htaccess、basic.css、index.cgi、rcvtb.cgi、xmlrpc.cgi、feed-icon-16x16.jpg、config.cgi（または、server.config.cgiの名前をconfig.cgiに変更して）をアップロードします。
Webディレクトリの外側にdata、systemをディレクトリごとアップロードします。
4.ファイル属性の変更
index.cgi、rcvtb.cgi、xmlrpc.cgiの属性を、CGIとして実行できるファイル属性(755 or 700)に変更します。
5.Perlモジュールのアップロード
59Trackerを動作させるにはPerlモジュールとして、CGI、Jcode、MIME、SOAP-Lite等が必要です。日本でサービスを提供してしているレンタルサーバーであれば、CGI、Jcode、MIMEについては、インストールされていないということはほとんどないため、これらのモジュールをインストールする必要はありませんが、SOAP-Liteについてはインストールされていない場合が多いようです。さくらインターネットやハッスルサーバーでは、必要なモジュールは全てインストールされているため特に何もする必要はありません。
SOAP-Liteがインストールされていない場合は、http://search.cpan.org/~byrne/SOAP-Lite-0.60a/ から、SOAP-Lite-0.60a.tar.gzををダウンロードし、任意のディレクトリで解凍します。解凍されたディレクトリ中のSOAP、 XMLRPCディレクトリをFTPソフトを使用して59Trackerが動作するディレクトリにアップロード(転送モード：アスキー、無変換)します。
6.管理者パスワードの変更
59Trackerが動作するWebサーバーのURLをブラウザで開き、ユーザーID:adimn、パスワード:0000でログインします。初期状態のパスワードのままでは誰でも管理者としてログインできてしまうので、adimnのパスワードを変更します。
7.最初のトピックの変更
更新情報に表示されているトピックを編集して、あなたのサイトを説明する内容の記事に変更します。
8.サイトの再構築
リストページのメニューの再構築をクリックし、サイトの再構築を行います。
config.cgiのディレクトリの設定が正しくて、index.cgiに実行属性が付いていれば最低限の動作はすると思います。また、複数設置する場合は、ドキュメントルートの下にそれぞれサブディレクトリを作成し、それぞれ上記の手順で設置します。
不明な点がある場合、うまく行かない場合は、このトピックのコメント欄にその旨を書き込む等、遠慮なく聞いてください。
さくらインターネット
【ハッスルサーバー】
エックスサーバー
ミラクル・リナックスのエンジニアによって書かれた「DEBUG HACKS」という本の出版を記念して、Debug Hacks Conference 2009 というイベントで著者による講演が行われるそうです。Debug Hacks Conference 2009のお知...
perl技術を利用するプロジェクト、コミュニティ、ビジネスのサポートに取り組む事を目的とする団体「Japan perl Association (JPA)」が本格的に活動を開始したそうです。一般個人会員はWebから登録できるようですが、...
webchat(ウェブチャット)は、ブログやホームページのHTMLソースにタグを設置することで、サイトの訪問者にリアルタイムで話しかけることができるウェブサイト埋め込み型チャットサービスで、無料プランだけでなく、複...
GPLなどのオープンソースライセンスで配布されている汎用CMS（コンテンツマネジメントシステム）で主なもの。汎用CMSでは、掲示板やブログ、ニュース、リンク集などの基本的な機能があらかじめ提供されているほか、モ...
「初音ミク」の独占着うた配信、JASRAC登録をめぐりドワンゴとクリプトンの間で争いとなっていた騒動で、両社の和解が成立した。両社は今後、この件に関する経緯や事実関係に関して争わず、独自の主張をしないことで...
ブログ・ソフトウェア大手のシックス・アパートが、同社が提供している有料ブログ・サービス「TypePad（タイプパッド）」に、ウェブサイト管理機能などのCMS（コンテンツ管理システム）機能の強化やブログ・デザイン...
掲示板を設置するためにホームページやレンタルサーバーに掲示板CGIをインストールするのは面倒だ、という人向けに、無料で提供されている無料レンタル掲示板をいくつかピックアップしました。無料レンタル掲示板なら...
アクセスランキング
今日のアクセスランキング TOP 10
- FC2まとめ (5 PV)
- SQLのSELECT文で先頭から上位（TOP）10件のレコードを取得する方法（SQL Server、Oracle、MySQL、PostgreSQL） (5 PV)
- Twitter Lite - 起動時や利用時の読み込み速度が最大30％アップ (3 PV)
- 「RPGツクールMV」製ゲームを簡単にiOS、Androidアプリ化する「Monaca for RPGツクール」 #テクノロジー (3 PV)
- ２ちゃんねる（2ch） (3 PV)
- Google 日本語入力がオープンソースに (3 PV)
- 大人気のブランド品即時買取サービス「CASH」がDMM.comにたったの70億円で買い叩かれる (2 PV)
- 無料ダイヤルアッププロバイダ「Soloot(ソルート)」 (2 PV)
- FC2ブログにコミュニティ機能 (2 PV)
- ほしい物リスト (2 PV)
今月のアクセスランキング TOP 10
- FC2まとめ (13 PV)
- 将棋ウォーズPCブラウザ版がchrome、Firefox、edgeなどに対応 (8 PV)
- SQLのSELECT文で先頭から上位（TOP）10件のレコードを取得する方法（SQL Server、Oracle、MySQL、PostgreSQL） (8 PV)
- 掲示板CGI ThreadPlus 1.2 のリリース (5 PV)
- 「Kindle for the Web」 (5 PV)
- FC2ブログにコミュニティ機能 (4 PV)
- MySQLのINSERT ... SELECT文でLIMIT句を使用して上位3件のレコードをテーブルに追加する (4 PV)
- Jipanguの配布は終了しました (4 PV)
- [FX]裁量ポジションを簡単に管理できるMT4向け無料の裁量補助EA「PositionKeeper」 (4 PV)
- ドル円(USDJPY)で爆益を狙うハイリスクハイリターンのMT4向けナンピンマーチンEA「Hyper Dollar」 (3 PV)
アクセス統計
ディレクトリ
関連サイト