旧: ファイル一覧/検索

トップ  前へ  次へ

概要

 

<div class="fbgrid" src="[フォルダパスや検索条件]" ></div>

 

 

ファイル一覧もしくは検索結果を一覧表示します。

この仕様は古い(Version3.1.0以下)バージョンで実装されたもので、最新版(Version3.1.1以降)では<div class="fblist"> もしくは <div class="fbtile">を使用してください。

 

HTMLタグの記述方法

1.thtmlファイルに、以下のようにhtmlタグを記述してください。

タグ名:div, class属性:fbgrid

 

<div class="fbgrid"></div>

 

 

2.FileBlogにログインして、検索を行ってください。ブラウザに表示されているURLをコピーします。

       例) http://localhost/fileblog/index.php#path=&dra=&keyword=jpg&target=2

 

3.コピーしたURLを<div>タグのsrc属性に指定します。

 

<div class="fbgrid" src="http://localhost/fileblog/index.php#path=&dra=&keyword=jpg&target=2"></div>

 

 

4.表示形式をviewtype属性で指定します。

画像形式 の例

 

<div class="fbgrid" src="http://localhost/fileblog/index.php#path=&dra=&keyword=jpg&target=2" viewtype=2></div>

 

  ※viewtypeには、以下のいずれかを指定してください。

表示形式

viewtype

一覧

1

画像

2

画像大

4

詳細

3

 

5.表示件数をfirst属性で指定します。

先頭10件 の例

 

<div class="fbgrid" src="http://localhost/fileblog/index.php#path=&dra=&keyword=jpg&target=2" viewtype=2 first=10></div>

 

 

6.並び順をorder属性で指定します。

更新日時の新しい順 の例

 

<div class="fbgrid" src="http://localhost/fileblog/index.php#path=&dra=&keyword=jpg&target=2" viewtype=2 first=10 order=4>

</div>

 

  ※orderには、以下のいずれかを指定してください。

並び順

order

ファイル名 順

1

ファイル名 逆順

2

更新日時 古い順

4

更新日時 新しい順

3

サイズ 小さい順

5

サイズ 大きい順

6

種類 順

7

種類 逆順

8

 

7.必要に応じて以下の属性を指定します。

属性

入力例

対象表示形式

説明

contextmenuenabled

true/false

すべて

右クリックメニューを有効にするか?どうかを指定します。

contextmenu

文字列

すべて

contextmenuenabled=trueの場合に、表示させる右クリックメニューの一覧をカンマ区切りで指定します。詳しい指定方法は、こちらを参照ください。

printparent

true/false

すべて

親フォルダを表示するか?否かを指定します。

show_thumbnavi

true/false

画像/画像大

サムネイルナビゲータの表示・非表示を指定します。

width

300px

画像/画像大

画像一覧の<table>の幅を指定します。

hidesize

true/false

一覧

trueなら、サイズ 列が非表示になります。

hidedate

true/false

一覧

trueなら、更新日時 列が非表示になります。

hideext

true/false

一覧

trueなら、種類 列が非表示になります。

titlemaxlength

20

一覧

ファイル名のうち、先頭?文字を表示させるか?を指定します。20なら20文字から後ろは...で省略されます。

parentmaxlength

20

一覧

親フォルダ名のうち、先頭?文字を表示させるか?を指定します。20なら20文字から後ろは...で省略されます。

 

8.以上作成した<div>タグを、配置したthtmlファイルに記入して保存してください。
9.通常のHTMLタグを指定することができますので、<table>タグや<img>タグなどを使用しデザインを整えてください。
10.以上です。FileBlogにログインして、動作を確認してください。

Ver3.1.5.0以降ポータル機能によって発生した検索イベントは、アクセスログに出力されません。


© 2011 Teppi Technology   ※無断転載を禁じます