28

Jan

2011

SoftimageToolBoxは、現状、HTMLのタグをいちいち打ちつつ、
表組みするという、非効率なので、XMLに注目して、勉強中。

いろいろと調べて、とりあえずは、こんなイメージと把握している。
(間違ってたらし指摘をー)

  1. XMLファイルにデータのリストを並べる
  2. XLSファイルでHTML形式に沿うように変換
  3. HTMLファイルで描画

一度、構築すれば、あとは、XMLのリストを更新するだけで、
新しいプラグインとかスクリプトを載せていけるようになる?

順を追いながら、メモ。

 

■XMLの中身

例として、最終的に、こういう表組をXMLで作りたいとすると、

01281.png

XML上では、こういうタグで囲んで並べるといいとのこと。

<Model>
 
<M><icon>1.gif</icon><cat>AA</cat><title>SampleA</title> </M>
  <M> <icon>2.gif</icon><cat>AA</cat><title>SampleB</title> </M>
  <M>
<icon>3.gif</icon><cat>BB</cat> <title>SampleC</title> </M>
</Model>

※<Model></Model>とは、この表全体のタグ。
※<M></M>とは、行単位で区切るためのタグ。

 

こうしてみればわかるかもしれないけど、
タグ「<>」内の語句は、自由です。

ここがHTMLと違うところ。

このタグ名に合わせて、XLSファイルで置きかえれる
仕組みができればオッケーという感じ。

とりあえずは、このXMLファイルをOpenOfficeのCalsで、
簡単に作れる方法がないかどうかを探すところから・・・だ。

+ 1クリックで応援してください +
にほんブログ村 Webデザイン
[ click ]

26

Jan

2011

jQueryのテーブルソート機能だと、文字コードがUTF-8でないと動かないので、
SoftimageのブラウザNetViewでは、文字化けを起こしてました。

JQuery自体を別の文字コードに保存したりとかも試したのですが、
成果なし・・・。

仕方ないので、別のプログラムを探して、これにたどりつきました。

ホームページ作成小技集|クリエイティブオフィスサイモン
No.2 記事を折りたたむ 【Java】
http://www.c-simon.com/kowaza/

これで、文字コード関係なくできました!
Shift-JISを使ってます。

次は、説明文のところを、折りたたみ状にしてかくしていたのは、
こちらのプログラムを採用。

FC2ブログのテンプレート工房
プラグインの折りたたみ
http://10plate.blog44.fc2.com/blog-entry-131.html

これも無事に動作。日本語も見れるようになりました。

WS000003.JPG

ただ、それでも、リロードを3回目あたりによくフリーズするので
気をつけてください(汗
処理の限界かなぁ???

少し一段落したので、つい、こないだ、TERAさんに作ってもらった、
親を選択するスクリプトも追加してみました。

あとは、CSSのレイアウト調整、
ベージ送り機能の追加と、カテゴリ別に分けが予定です。

というか、iPhoneでここまで加工するのは疲れたー。
ではでは。

+ 1クリックで応援してください +
にほんブログ村 Webデザイン
[ click ]

23

Jan

2011

SoftimageToolBox、公開したのはよかったのですが、
その後、リロードしようとすると、フリーズしてしまうことが発覚。

申し訳ありません。

当面は、リロードしないよう気をつけてください(汗
あと、たぶん、もしかしたら、リロードしなくてもフリーズするかも。
試すときは、保存等して、問題ない状態でおねがいします。

 

あと、日本語表示もうまくいかない。(XSI7.01で見てます)

テーブル表示に使ってる、
JQueryが「文字コードにUTF-8を使って」という感じなので、
UTF-8にしてるのですが、これが、ブラウザ側が自動判別してくれない。

日本語表示でなにかいい方法ないものかー。

これは、Safariで文字コードをUTF-8にして正しく見れてる状態のもの。
最終的には、こんな感じでみれるようにしたいのだけども・・・。

WS000002.JPG

ちなみに、NetViewはIE連動?
IEで文字コードを変えれば、
Softimage側でも見れるようにはなるけれど、
あまりスマートな方法ではないですね(汗

+ 1クリックで応援してください +
にほんブログ村 Webデザイン
[ click ]
FIRST PREV 1  2  3  4  5  6  7  8  9  10 LAST