ラベル ajax の投稿を表示しています。 すべての投稿を表示
ラベル ajax の投稿を表示しています。 すべての投稿を表示

2009/06/09

AjaXplorerを使ってみる

webを管理する時に面倒なのがファイル管理。
アップロードとダウンロード、そしてユーザIDとパスワード。
ftpツールを使えば良いが、それすら面倒。

それならファイル管理プログラムを探そうってことで
PHP4も5にも対応でAjaxな美しいインターフェイス。

AjaXplorer

ダウンロードソースはこちら=>

オンラインストレージサービスのような感じのものを自前のサーバで構築するためのWebアプリケーションといったところでしょうか。

1.AjaXplorer のアーカイブをダウンロードして展開。
2./var/www/html/axとしてコピー。
3.chownでaxのフォルダの所有者を(サブフォルダも含めて)apacheに。
とりあえず、上記3点を行えば使えるようになります。

外部サーバと組み合わせて使用したりする場合、server/conf/conf.phpファイルを編集する必要がありそうですが、単体で使用する場合はデフォルトのままでもOKのようです。

なお、.htaccessでアクセス制限を行っているため、Apacheの設定でAllowOverride noneなんてしていると、予期せぬファイルが閲覧されたりするので注意が必要。

ちなみに、日本語化に関して。
フォルダ構成は変更されていますが、

http://www.chrysaor.org/wiki/index.php?Ajaxplorer

にまとめられている内容+αで対応できました。

1.client/i18n フォルダ内にja.phpを作成。なお、ファイルのエンコードをutf8で作成しておくと、server/classes /class.ConfService.php ファイルの編集が不要になります(mb_convert_variablesの処理が不要になる)。

2.server/conf/conf.php の $available_languages に、"ja"=>"Japanese" を追加。これで、設定画面で「Japanese」を選択できるようになります。

3.client/html/fancy_tpl.html、client/html/admin.html の2つのhtmlファイルのcharset=iso-8859-1をcharset=utf-8に。

4.以下のファイルから、utf8_decode,utf8_encodeを除去する。
 ・content.php
 ・index.php
 ・server/classes/class.AJXP_XMLWriter.php
 ・server/classes/class.HTMLWriter.php
 ・server/classes/class.UserSelection.php
 ・server/classes/class.AJXP_ClientDriver.php
 ・server/classes/class.AbstractDriver.php
 ・plugins/ajxp.fs/class.fsDriver.php

なお、AJXP_ClientDriver.phpにおいては、$mess = array_map("utf8_encode", $mess);という部分の除去(コメント化)も必要となるので注意。

ちなみに、アップロード可能なファイルサイズは、/etc/php.ini内のupload_max_filesizeおよびpost_max_sizeの値に準拠します(デフォルトでは2MB)。

2009/01/18

Ajaxzip2

べんりなajaxzip2。
郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。
AjaxとJSONフォーマットを利用するJavaScriptライブラリとして公開されているものを利用。
JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。
郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。
既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。

住所入力フォームHTMLを書き換える場合は、変更箇所は3行のみです。
まず、 ヘッダー中に以下の2行を追加してください。
script src="ajaxzip2/ajaxzip2.js" charset="UTF-8"

ページ内で既に prototype.js または jquery.js のいずれかを利用している場合、追加するのは ajaxzip2.js の1行のみでOKです。
なお、ajaxzip2.js の文字コードは UTF-8 ですが、呼び出し元のフォームのある HTML ファイルの文字コードは Shift_JIS でも EUC-JP でも構いません。

次に、住所入力フォームの7桁郵便番号入力欄に onKeyUp イベントハンドラを登録します。

input name="zip" type="text"
↓
input name="zip" onkeyup="AjaxZip2.zip2addr(this,'pref','addr',null,'addr');" type="text"

第2引数 'pref' には、都道府県名選択のプルダウン(またはテキスト入力欄も可)のフォーム変数名を指定します。
同様に、第3引数 'addr' に市区町村名以下の住所入力欄のフォーム変数名を指定します。
ご利用のフォームに合わせて、変更しておいてください。