ログインしてさらにmixiを楽しもう

コメントを投稿して情報交換!
更新通知を受け取って、最新情報をゲット!

JavaScriptコミュのドキュメントの拡張子毎に。。困っています。。。

  • mixiチェック
  • このエントリーをはてなブックマークに追加
現在、ウェブサーバーにて大量のディレクトリのファイルの一覧を自動的にウェブページ化し(インデックス表示)、表示させています。

具体的に現在自動生成されてできあげるウェブページのHTMLの内容が以下のようになっています。このように以外には生成してくれません。
...
<a href="../">Parent directory</a>
<a href-"filename1.doc">filename1.ext</a> 1000kb 12:00<br>
<a href-"filename2.jpg">filename2.ext</a> 50kb 11:00<br>
...
という感じなります。しかしdefaultで表示するテンプレートを使用して表示できる事にも限度があり、ファイルのリンク毎にそのような事はできないのです。

ここでフレームページを使い、特定のドキュメントや画像、動画などを他のフレームに表示させる事はjavascriptなどを用いてできないものでしょうか?

すべてのページを他のフレームに表示させるのならば<base target="どっかのフレーム名">とすれば良いのですがそれでは使えないので拡張しごとに表示するフレームを別にする方法があれば教えていただきたいと思っています。


これに<head></head>の部分にでもjavascriptで<script src="javascript.js"></script>
で中に拡張子によって表示させるフレームを分岐というようにできればうれしいのですがどのようにすればよいのでしょうか?このscriptの記述の部分はウェブサーバーソフトで自動的にdefaultの表示ドキュメントを使ってすべてのページに表示させる事ができます。

javascriptのString.slice()やstring.split()等とかを使用してできない物でしょうか?

もし、誰かこのような事をご存じの方がいれば是非ご教授して貰いたいと思っています。このような事は普段しないのでよくわからないのです。

ちなみに使用しているウェブサーバーソフトは「04WebServer」です。

コメント(6)

うーむいまいち状況がつかめないのですが、その「ウエブサーバソフト」が吐き出すhtmlはテンプレートの制限があって、自分でなんとかすることはできないけど、javascriptを使ってテンプレート以上の自由度で表示を再構成したい、ということなのかな?

全体を隠しiframeにとりこんで、DOMアクセスで吐き出されたhtmlからファイルリストを作って、それを好きなように料理してhtmlを作り直す、ようなことをすればできるんじゃないでしょうか。
テンプレート以上の自由度がほしい!そうです!

でも、iFRAMEを使ってDOMアクセスというのはどのようにすればできるでしょうか?
>>1 に関連すると、基本こんな感じ?
っ http://useyan.x0.com/_test_/file_list-a.html
 (※ところにより innerHTML 使ってるのは只のサボリ)

「大量のディレクトリのファイルの一覧」 が 「(大量のディレクトリ) のファイルの一覧」 だったら、
ディレクトリ分けしてないからこのままじゃ無理だけど。
その場合は childNodes とか駆使してやっとくれ。面倒すぎ。

・・・

つか、その"テンプレート" で、A タグとかにもし、
<a href="aaa.jpg" class="jpg"> みたいにできたら、
JS使わないでも、CSSだけで何とかなりそうなんだが。
a { displat:none; }
a.jpg, a.png { display:inline; }
みたいな感じで。無理かねえ。

それができないなら、JSでそういう風にclass付加させた方が、先のスクリプトより圧倒的に楽だなー。こんな感じで。

っ http://useyan.x0.com/_test_/file_list-c.html

ああ、もういいや。
もっというと、サーバにJSON形式で吐き出させられれば楽ですね。

{ "name":"filename1.doc","ext":"doc","size":"1000kb", "time":"12:00"},
{ "name":"filename2.jpg","ext":"jpg","size":"50kb", "time":"11:00"}

みたいに

04WebServerって汎用のwebサーバのようですが、このファイルリストを作る機能もこのサーバが持っているんでしょうか? 他にcgiがあるんならそっちを改造したほうが早い気もしますが・・・
なるほど!
参考にしてみます!
ありがとうございます。

ログインすると、みんなのコメントがもっと見れるよ

mixiユーザー
ログインしてコメントしよう!

JavaScript 更新情報

JavaScriptのメンバーはこんなコミュニティにも参加しています

星印の数は、共通して参加しているメンバーが多いほど増えます。