カテゴリ毎に違ったデザインに自動で変えちゃおう計画

　デザインが、まあ思うように変更できたので、

今度はさらにカテゴリ表示毎にデザインを自動的に変更してみたーーーーーい！！

まあ、デザイン変更するより、こっちが本来の目的だったんだけど、
JavaScriptというのは、なぜか新しいことを自分がやろうとすると、
いろいろな問題が、いつも起こる。

というより仕様を知らないで作るので、いろいろブラウザから懲らしめられるんだけど、
それを解決しながら、作るのが、大変なんだよね。

今回も同じでした。T T);;

ということで、その奮闘記を書いてみた。

でも、結論は簡単なんだけど、そこまで辿り付くのがかなり大回りしたみたい。^^);;

正確に記述しないとしっぺ返しを食らう。

スライダー表示時のおかしな現象は、バグではなく、詳細にいじくってみたところ、
JavaScriptの問題ではなくHTML文の書き方の問題に行き着きました。


というのは、最終的にJSファイルの内容をHTML文内に書いて、
さらにJavaScriptも取って、HTML文だけにしたのにおかしい。
ところが高さの指定の他にfont-sizeで100pxと指定すると、うまくいく。

で、このfont-sizeの部分をheightに変えたら上手く行った。
すなわち、HTML文の中にdivのstyle属性のheightでheight:100;と
指定したのでは駄目で、
height:100px;と単位まで入れて指定しないとこの指定が無視されることが分かった。

ということは、DOCTYPEでブラウザが何か判断しているような気配が。。
で調べると、

先頭のDOCTYPE指定があると、対応するHTMLバージョンに正確に従うように記述するそうです。
これに従ってなかったために、ＩＥ６では属性指定が無視された為におかしくなったようです。

ちなみにBLOCKBLOGは、HTML4.01 Transitional を使ってます。

で、ネットで検索してみたら
この辺の詳細は、娘娘飯店しるきぃうぇぶのに詳しく書いてありました。

あちゃーーーということで、知らなかった自分が悪かったということで。。。
ということは、最近のブログ内で何かやろうとすると、この縛りに合うんですね。^^);;

で、この辺の状況がどうなっているのかを他のブログ（６サイト）でも見てみました。
まあ、皆同じだろうと思っていたが、どうも違うようで。。。

まず、BLOCKBLOGは、DOCTYPE宣言や、XHTML宣言はＯＫだけど、本文が全然XHTML規則に従ってない。
　　　→5/23にソース見たら、直ってた。うーーん、こっそり直しましたね。^^)
２ちゃんねるも、DOCTYPE宣言や、XHTML宣言はＯＫだけど、本文がちょっとXHTML規則に従ってない。
livedoorは、本文はXHTMLに従って書いていそうな雰囲気がうかがえるが、宣言がしてない。
exiteは、DOCTYPE宣言だけはしているのに、対応するHTML Versionの規則で本文を書いてない。
で、DOCTYPE宣言、XHTML宣言し、本文もまともに書いていそうなものは、
見た中では、ココログ、infoseek、jugemでした。

どうも最新のブログといっても、作っている方の考え方があるのかもしれないが、
作り方がバラバラみたい。
まあ、使う方としては、一番最新の仕様に合わせて置けば、どこでも使えることだけは
いえるのかな。

といっても、自分のサイトは古い時代から書いてるので、XHTMLってなに、て世界だけどね。
人のことは、言えない言えないと。

ということは、ブラウザを開発する人は、もっと大変そうですね。
まともじゃないところも、まともに見せなくちゃ使ってもらえないのでね。

落ち着いたデザインに変えてみたい

　デザインを変更してみようかと思って、やってみた。
そのやり方は、まあ、適当に行き当たりばったりでやってみた。

というのも、JavaScriptも同じだけど、
いちいち全部の仕様を頭で理解してから作りはじめたら、
自分の場合は、多分途中で投げ出す。^^);;

なので、まずは、なんでもいいから、変更して、どうなるかを画面で確かめて
また変更してを繰り返した方が、結局仕様は理解してなくても、
早くできる。別にＣＳＳの大家になろうとは思わないので、

目的はただひとつ、デザインが変更できればいいのだ。


今回もその方法で実践してみた。

で、そのデザインは、どこにでもある単純なデザインで

　　本文の背景は、青の直線（上、左）と影（右、下）の組合せ。
　　メニュー枠は、青の点線（上、左）と影（右、下）の組合せ。
　　背景画像で落ち着いたイメージに見せる。

JSファイルに日本語が書いてあるとエラーになる場合がある？

　スライダー表示を設置している時におかしなことが起こったが、
何でだかは良く分かりませんが、ＪＳファイルに日本語があると、
ＪＳファイルを実行時にエラーになる場合があるようです。

環境は、
ＪＳファイルをアップロードするサーバ：
　　　　　　Geocityesのサーバ（ＥＵＣで格納されてるはず）
どこのもブロックでの設定：
　　　　　　ＪＳファイルをＥＵＣにチェックを入れた。

エラーは、どうもどこかの日本語が}に変換された箇所があり、
本来の}が単独で出現した格好で、構文エラーになりました。

ＪＳファイル内から日本語をすべて削除したら、ＯＫになりました。

ということで、どこのもブロックでの文字コード指定を変えてやってみたところ、

どこのもブロックの文字コード指定：
　　指定なし　　　　　　　　　ＮＧ
　　ＥＵＣ　　　　　　　　　　ＮＧ
　　シフトＪＩＳ　　　　　　　ＮＧ
　　ＵＴＲ−８　　　　　　　　ＮＧ

なので、すべて全滅でした。^^);;;

スライダー表示を設置はしたけど

　「どこのもブロック」に、ちと複雑なjsファイルで面白いものを
設置してみようということで、いろいろ考えてみたんだけど、
自分のＨＰのトップページに設置しているスライダー表示を,
ここのブロックの
トップページに設置することにした。