« 珈琲豆通販(仮)始動予告。 > kuu | トップページ | もっと近づきたい、ランタナ。 > kuu »

2004.09.19

サイドバー折り畳みスクリプト、動作確認のお願い。 > kuu

ココログのサービス開始は昨年12月から。最初の頃は、ココログを自分好みにカスタマイズする関連記事が目立ち、ブログを1月から始めたウチも、詳しい皆さんのあとを追いかけてカスタマイズしました。
今でも、ちょこっと「ここをこうしたい」と思うことはあるのですけど、自力でできるはずはなく、できる皆さんのお世話になりっぱなしです。m(__)m

創成期を過ぎた今、特にお世話になっているのが、facet-diversのfacetさんです。
サイドバーの見出しの下線や枠も非表示にする
とりあえずサイドバー折り畳み2
などなど、他にもカユイところに手の届くようなスクリプトをたくさん公開してくださっています。

今回、サイドバー折り畳みスクリプトに新機能が追加されるということで、風茶房も動作確認に参加いたします。

あんなOSとか、こんなブラウザでネットしている方々、特によろしくお願いいたします。m(__)m
まず、今の状態の確認ですが。
◆ここ(風茶房 日々雑記)の右サイドバーの「最近の記事」「最近のコメント」「最近のトラックバック」「バックナンバー」の右側に「+」「-」があって、「+」のところは折り畳まれていますよね。
◆「+」をクリックすると「-」になって折り畳みが解除されて、内容が展開されます。
◆「-」をクリックすると「+」になって折り畳みされます。
◆今までは、リロードすると「+」「-」はこちらで設定した状態に戻るようになってました。(記事とコメントとトラックバックは「+」でバックナンバーは「-」)

ここからが今回の変更です。
◆皆さんが「+」を「-」にしたり、「-」を「+」にするとします。リロードしても、皆さんの指定した状態に保たれます。
わかりやすい例で言うと、
自分の書いたコメントに返事が付いたか一目で確認できるように「最近のコメント」は、「-」(展開された状態)にしておきたい場合、毎回クリックしなくても、一度クリックしたら「-」(展開された状態)を保てるのです。

どうでしょうか?
リロードしても、指定した状態に保たれていますか?
動作、表示などで、何かお気付きの点がありましたら教えてくださいね。

facetさんちの該当エントリーはこちら→:サイドバー折り畳み2:状態保持機能について


【追記】動作確認は終了いたしました。ご協力くださった、まっきんさん、usakoさん、Lavandeさん、ばんびさん、ありがとうございました。m(_ _m)
ここのサイドバー、再度カスタマイズしまして、「おしらせBBS」「他のコンテンツ」「カテゴリー」「検索」にも折り畳みボタンを付けました。
【追記2】デフォルトで「-」(展開された状態)になっているのは「おしらせBBS」と「他のコンテンツ」です。(2006年4月8日現在)

ココログやブログ人などのTypepad系ブログを利用していて、ご自分のブログにもこの機能を付けてみたいという方は、facetさんちの「サイドバー折り畳み2:状態保持機能付き」「サイドバー折り畳み2:動作遅延対策」のエントリーをご覧くださいませ。

|

« 珈琲豆通販(仮)始動予告。 > kuu | トップページ | もっと近づきたい、ランタナ。 > kuu »

カスタマイズ」カテゴリの記事

コメント

状態保持には要Cookieです。

投稿: kuu | 2004.09.19 02:12

私はWinXP&IE6ですが←とても一般的(^^;
大丈夫でした^^

投稿: Lavande | 2004.09.19 09:06

win2000,IE6でもおっけー。でも名前が文字化けしてるかな?

投稿: %u307E%u3063%u304D%u3093 | 2004.09.19 19:23

あらやっぱり化けた

投稿: まっきん | 2004.09.19 19:24

オペラ、WIN2000で書き込んでみます。

投稿: まっきん | 2004.09.19 19:27

cookieが・・・名前が日本語(全角)だと投稿したあと化け化けになるようです。

投稿: まっきん | 2004.09.19 19:29

Lavandeさん、ありがとうございます。^^
私も今は王道です。(^_^;)

投稿: 管理人(kuu) | 2004.09.19 21:34

まっきんさん、いろいろとありがとうございます。m(__)m
しかし、コメント欄文字化けの件は、今回はアッチに置いとかせてください。(^_^;)

このエントリーで確認したいのは、右サイドバーの折り畳みスクリプトの動作です。
「+」「-」を皆さんが自分の好みに変えてリロードした場合、自分の設定したとおりの状態が保持できているかどうか、についての動作、表示を確認したいのです。

Windows+Operaだと、Operaのバージョンが6.05の場合、この折り畳みスクリプト自体が効いていないことは確認済みなのですが。
まっきんさんのOperaバージョンはいくつですか?
それで、ここの折り畳みスクリプトが効いています?
その上で、リロードしても自分で変更した状態に保持されていますか?
なにとぞ、そこのところを教えてくださいませ~。(^_^;;)

投稿: 管理人(kuu) | 2004.09.19 21:45

予定より早く帰宅しましたfacetです。こんばんは。
動作確認への参加、ありがとうございます(^^)

コメント欄の名前の文字化けですが、私の新しいスクリプトのせいです(観測気球のtsupoさんにご指摘いただきました)。

今、修正したバージョンと差し替えましたので、実験がてら、名前をひらがなにして書き込ませていただきます。さて。うまくいっているでしょうか...

投稿: ふぁせっと | 2004.09.20 06:04

一応大丈夫みたいですね。(ホッ)

あ。自分のところで実験すればよかったですね、そういえば。すみません_(._.)_

ところで、Opera 6.05の件ですが、貴重な保持者なので、是非そのまま使い続けていただきたいなあ...なんて(^^;

で、Opera 6.05ではまだダメ、ということですね。了解しました!...いや、Opera 6対策、そういえば全然やってませんでした。orz

Opera 6.05って、折り畳みボタンは表示されてますでしょうか。それとも、折り畳まれていないだけでしょうか。宜しくお願いします。

投稿: ファセット | 2004.09.20 06:22

何度もすみません。うちのコメントの方に
>スクリプト自体が効いておりません。
とありましたね。ということは、ボタン自体が出ていないということですよね。了解しました。

あと、Lavandeさん、まっきんさん、御協力どうもありがとうございます(^^)

投稿: facet | 2004.09.20 06:27

★まず、まっきんさんへ。
ごめんなさ~~い。たいへん失礼いたしました。
文字化けのこと、ご指摘いただいたのに、知識もなくスルーしようとしてしまいました。 ヾ(_ _。)ハンセイ…
ぜひ、また書き込みをお願いいたします。m(__)m

投稿: 管理人(kuu) | 2004.09.20 08:22

facetさん、おかえりなさいませ~。
文字化けの件、教えてくださってありがとうございました。私の知識不足でまっきんさんに失礼してしまいました。

それにしても、いつも「ひとこと」でスクリプトをスイスイ変更してしまうfacetさんって、スゴすぎますよ!

Opera 6.05の件は、おっしゃる通り、ボタン自体が出ていないです。
facetさんがお望みなら、このままバージョンアップしないで使おうかと…。(^_^;)
というか、私自身がいろんな動作を確認するときにOpera6.05は貴重な存在なのでそのまま使い続けている面もあります。
自サイトが不具合でまくりだったり(笑)。
他に使っている人が稀だと思うので、これで動作確認する意味はあるのか?と自問自答しちゃってましたが、しばらくこのまま使い続けることにします。^^

お時間をいただければ、Macでの動作確認もしてみます。(10月下旬予定デス。^^;)

今後とも、よろしくお願いいたします。

投稿: 管理人(kuu) | 2004.09.20 08:41

オペラ7.20です。
これではちゃんと+と-が表示されてます。(^。^)

投稿: まっきん | 2004.09.21 02:07

ん・・・でもやっぱり文字化けするらしい

投稿: ~cMモ | 2004.09.21 02:09

まっきんさん、再びありがとうございます。
あらら?
まだ文字化けしますか…。では、私もひらがなってみます。

投稿: かんりにんのくう~ | 2004.09.21 02:21

あら? 文字化けするのはOSとブラウザによるのでしょうか。
XP+IE6.02では、オールおっけいみたいです。
ご報告、感謝です。m(__)m>まっきんさん

投稿: かんりにんのくう~ | 2004.09.21 02:25

Opera6.05にてカキコテスト

投稿: かんりにんのくう~ | 2004.09.21 02:37

クッキー喰わせると、一度書き込みしたあと、文字化け名が残りますね。。6.05でも

投稿: KモハkモnOF^ | 2004.09.21 02:39

ネスケ7.1でもテストしてみよう・・・←ヒマらしい

投稿: かんりにんのくう~ | 2004.09.21 02:58

ネスケは大丈夫でしたあ。^^

投稿: かんりにんのくう~ | 2004.09.21 02:59

こんにちは。usakoです。
Mac OS X v10.3 でSafariを使用しています。
リロードしても、指定した状態に保たれています(^^)
念のために名前をひらがなで書き込んでみますね。

投稿: うさこ | 2004.09.23 11:57

またまたusakoです。
同じMacのIE5.2で動作確認しても大丈夫でした。
IEで見るとフォントが大きくてビックリしました。

投稿: うさこ | 2004.09.23 12:11

うさこさん、ありがとうございます。
うさこさん、マカーだったんですね~。^^
貴重な動作確認、ありがとうございます。m(__)m

現在、確認されている不具合は、Windows+Opearaでコメントの書き込みをした時に「この情報を登録する」にチェックしてCookieを使い、かつ、コメント書き込み者の名前が日本語の場合、2回目以降のコメント書き込み者の名前に文字化けが起こってしまう、というものです。

お手数をおかけしますが、「この情報を登録する」にチェックを入れる書き込みテストにお付き合いいただけませんでしょうか。m(__)m

投稿: 風茶房のくう~ | 2004.09.23 12:39

このように、Cookieを効かせていると、文字化けするのです。
たぶん、Macは大丈夫なんじゃないかと、、思うのですが…。
(Operaがイケてないのだ。。)

ばんび。も、動作確認、ありがとお~ね~。

パソコンって、どうして、いろんな環境があるのでしょうね~。
って、窓独占がいいと思っているわけではないのですが。
いろんな環境を考えてサイト作りをするのはタイヘンすぎますもん…(涙)。

投稿: ᄄ6?nOF^ | 2004.09.23 12:48

先ほどは確認が中途半端になってすみませんでした。
今度は「この情報を登録する」にチェックを入れて
送信します。

投稿: うさこ | 2004.09.23 14:27

すみません。勘違いをしていました。最初から「この情報を登録」する
にはIEもSafariもチェックを入れていました。
MacでIEを使う時に他のメッセージが出てくるのでそのことかと
思ったんです。
IE2回目の書き込み↑では文字化けしていませんね。
今度はSafariで2度目の書き込みです。

投稿: うさこ | 2004.09.23 14:36

うさこさん、何度もありがとうございます。
ご好意に甘えさせていただいちゃいました。
下手な説明を理解していただいて、感謝いたします。
m(_ _m) 最敬礼。

投稿: kuu | 2004.09.23 15:24

kuuさん、遅くなりましたが、引き続きの動作確認、ありがとうございました。うさこさんも、ご協力感謝、感謝です(^^)

文字化け、まだ有効な解決方法が見付けられないでいます(私のOpera7.23/7.53では文字化けしないんですよね...)。

そこで、またちょっとお願いなのですが、Operaでこのサイトを表示しているときに、アドレスバーに以下のjavascriptをコピペしてエンターを押した時に表示される文字列を教えていただけませんでしょうか。

javascript:unescape(document.cookie);

何もわからないかもしれませんが。宜しくお願いします。_(._.)_

投稿: facet | 2004.09.24 19:02

facetさん、どうもです。^^
Opera、新しいバージョンではおっけいなのですね~。まさに、6.02は貴重な存在ですね。^^;
さっそく、やってみました。

0323022NQ=Fdmlkrumdmqzhqiaabp typepadauthor=�6?nOF^; typepademail=〔この部分メアド@nifty.com〕; typepadurl=http:// homepage3.nifty.com/kaze-sabou/

と出ました。

投稿: kuu | 2004.09.24 19:16

やってみますよー

投稿: まっきん | 2004.09.25 00:34

まっきんさん、ありがとうございます。
facetさんち、見てきました。
うちだけ化け化けなのね・・・。
なんか、他のスクリプトが悪さしているのでしょうか。
もし、これがうちだけの問題なら、facetさん、どうぞ貴重なお時間をそのために費やさないでくださいね。
Operaバージョン低い人には対処しないって案もありますので。(^_^;)

投稿: 風茶房のくう~ | 2004.09.25 02:49

前回書いていただいた文字列(document.cookieの中身)ですが、結局、うちのOpera7.53で発生していた、Cookieの二重登録による不具合とは原因が異なるということしかわかりませんでした。役に立たない実験をさせてしまって申し訳ありません。(^^;

ところで、まっきんさんの書き込み「やってみますよー」の下にある名前が文字化けしていないことから推察するに、一度Cookieを消せば、Opera 7.20ではこちらでも文字化けが解消できたということでしょうかね。

そこでお手数ですが、kuuさんも、Opera 6.0xで、こちらのCookieを一度削除してから、もう一度お試しいただけませんでしょうか。宜しくお願いします。

---

この文字化けを解消したいのは、Opera6だけじゃなく、IE5系など、少し古めのブラウザ全てで同様な問題を引き起こしている可能性があると思っているからです。

いままでのサイドバー折り畳みなら、まあ読み込みに余分な時間がかかっているという悪影響はありますが、折り畳まれないだけですから、古いブラウザでも大きな問題ではなかったのではないかと思っています。

しかし、今回のバグは、折り畳まれない上に文字化けを引き起こすという、まさに百害あって一利なし状態ですので(^^;、なんとか「折り畳まれないだけ」の状態には戻したいなあ、と。

というとで、また宜しくお願いします!

投稿: facet | 2004.09.25 18:37

facetさん、このコメントはOpera 6.05から書き込みしています。(ついでに、上記コメントで6.05を間違って6.02と書いたコメントがありましたが、私の使っているのは6.05です。訂正いたします。m(__)m )

このように、一度Cookieを消しますと、Opera 6.05でも文字化けは解消できますね。^^

投稿: 風茶房のくう~ | 2004.09.26 23:14

facetさん、Opera 6.05の表示の不具合、というか、IE6のように表示ができない程度は、確かに、昔のネスケ(4.7くらい?)に似ているかもです。^^;
ネスケも、以前は古いバージョンのまま使っていたのですが、IEでは有効なJavaScript系に、スクリプトが効かないものがOpera同様、ありましたね。

facetさんのお役に立つのならば、なんでもおっしゃってください。
難しいことは分からないので、今までしてきたレベルのことしかお役に立てませんが、、、

こちらこそ、どうぞよろしくお願いいたします。m(__)m

投稿: 風茶房のくう~ | 2004.09.26 23:38

「この情報を登録」しちゃうと、やっぱり、まだ文字化けします。。

投稿: ᄄ6?nOF^ | 2004.09.26 23:44

★まっきんさんへ。

facetさんのところに、facetさんからまっきんさんへのメッセージがありましたので、読みに行ってくださいませ~。^^

投稿: 風茶房のkuu | 2004.09.26 23:57

あれ? もしかしたら文字化け解消かも?

投稿: 風茶房のくう~ | 2004.09.27 00:02

facetさん、大変失礼しました。
facetさんのおっしゃってることを誤解してテストしていました。

再び、ちゃんとやってみてところ。
「この情報に登録する」をチェックしても、情報が登録されない、という状態で文字化けを回避できたようです。

これは、facetさんが対策をしてくださった結果なんでしょうね。
^o^
ありがとうございました。ご報告に行きまあす!

投稿: 風茶房のくう~ | 2004.09.27 00:08

夜遅くまでテストしていただいてどうもありがとうございました。

結果、文字化け解消ということでよさそうですね。やはり、修正前の悪影響が残ってしまっていたということなんでしょう。ということで、この問題は解決ということにしちゃって、あとはもう一つ残っている問題に取り掛かることにします。

ご協力、ありがとうございました!(^^)

----

>Opera 6.05の表示ができない程度は、確かに、昔のネスケ(4.7くらい?)に似ているかもです。^^;

げ。ネスケ4.7ですか?じゃあ、サイドバーがサイドにないとか?でも、ネスケ4.7はサイドバーがないんですが(上から右サイドバー、本文、左サイドバーの順番で並んでます)、折り畳みは効いてるんですよ。なので、逆に妙に使いづらいという...(^^;。ただ、ネスケ4系で来られる方がほとんどいなさそう(0.2%とか)なので、まあいっか、って後回しになってます。ネスケ3の人はもっと(0.5%)来るんですけどね(@_@)。

投稿: facet | 2004.09.27 05:58

facetさん、文字化けは解消ですね。^^
解決への発想とスクリプトを書くこと、両方お出来になるfacetさん、すばらしいです! ありがとうございました。

まっきんさんも、ご指摘、ご協力、ありがとうございます。m(__)m

さて、
>ネスケ4.7はサイドバーがないんですが(上から右サイドバー、本文、左サイドバーの順番で並んでます)、折り畳みは効いてるんですよ。

ありゃ、そうなんですか。それはOpera 6.05より激しいですね…。
Operaはネスケ4.7よりかは、ましな表示でした。m(__)m
意図どおりに表示できているIE 6.02とOpera 6.05との違う点は、Opera では、
・サイドバーが折りたたまれていない。
・BlogPeopleのスクロールバーがでない。スクロールバーが出ないため、BlogPeopleのリンク先の表示文字が、BlogPeopleより下に設置した表示と重なってしまっています。スクロールバーを 250px にしているのですが、そのサイズ指定は効いていて、スクロールバーの表示はされていないのです。
・文字のサイズが大きすぎ、フォントが汚い。これは調整可能のようですが放ってあります。(-_-)zzz

補足:BlogPeopleのスクロールバーはでませんが、inobbsは意図どおりに表示されています。

投稿: 風茶房のkuu | 2004.09.27 11:23

>>上から右サイドバー、本文、左サイドバーの順番で並んでます

逆でした。左→本文→右。(^^;

ところで。

Opera6.05で折り畳めないのは今後の課題として(^^;)、overflowの問題は、Opera6/7.xのバグのようです。Opera6/7.xではoverflowのautoとscrollに対応しておらず、autoはvisible、scrollはhiddenとして扱われてしまうそうです。(Opera7.23で確認したら問題ありませんでしたので、このあたり以降はOKなのかもしれません)

ということで、overflow:scroll;にしておけば、重なってしまう問題は防げると思いますが、そうすると他のブラウザで問題がでてしまうのかもしれませんね。inobbsみたいにできればいいんですが、これはCSSのoverflowで制御しているのではなくて、iframeですからね...。

あ、でも、それを考えると、BlogPeopleもiframeを利用してしまうという裏技は考えられますね。

たとえば、BlogPeopleを呼び出している所に、iframeでたとえば

iframe src="http://homepage3.nifty.com/kaze-sabou/rantanadoumei.html"/iframe

として、rantanadoumei.htmlを別途作成&アップロードし、その内容を

htmlheadtitleランタナ同盟/title/headbodyscript src="http://www.blogpeople.net/display/TB_People/tbp00739_utf8.js"/script/body/html

とする、とか。

Operaのフォントについては、...(略^^;

投稿: facet | 2004.09.27 18:26

facetさん、いろいろ教えてくださってありがとうございます。
ついていくだけの動作確認で、他のこともご教授願えるなんて、これこそエビタイではないかと。(^_^;)

iframe、ほとんど分かってなかったので時間はかかりましたが、BlogPeopleをiframeにしました。おかげさまでOpera 6.05で重なって見える不具合が解消されました。m(__)m
ついでにトラックバックピープルもiframeに入れましてスッキリお片付けした気分です♪
分からないことがひとつひとつできるようになるのって楽しいですね。憶えても、忘れちゃったりしますけれども…。(-_-;)

Operaのフォントの件は、どっかで調整の見本を見たのですが、とってもメンドくさいなと思ったので・・・将来の宿題にしております。
実家はMacなのですが、Macで見ると新たな不具合を見つけちゃったりして、見なかったふりすることがほとんど…。(^_^;)
OSやブラウザがひとつだったら、サイト作りが退屈になっちゃうと思うことにします。。。

ところで、今回教えていただいたこの方法、Opera対策というより、トラックバックピープルにもスクロールバーが付けられるのに魅力を感じました。ニーズの高いカスタマイズだと思いますよ。
facetさん、記事になさったらどうでしょうか。^^

投稿: kuu | 2004.09.28 02:38

TBPのソースをみると、CSSでもスクロールが付けられるみたいですよ。

TBP全体がdiv.blogpeople-tbp、各項目がdiv.blogpeople-tbp-linkで構成されているみたいですから、リンクリストと同様に .blogpeople-tbp {overflow:auto;height:250px;} などとすればいいはずです。
# 天下のBlogPeopleですから、そのあたり、さすがにヌカリはないでしょう(公式には発表してないのかな?)。

確かに、iframeを使えばOpera6でも表示の崩れなく使えるという利点はありますが、逆に、iframeが使えないブラウザってのがあったような気がします(^^;し、みんなが自由に使えるアップロードスペースを持っているわけではないという問題もありますね(ココログはOKですけど)。まあ、TBP毎に高さが変えられる利点があるといえばありますかね。

あと余談ですが(こちらのTBPには別のバナーがあるみたいですから必要ないかもしれませんが)、iframeを使って隠れてしまうTBPバナーは、 別途マイリストに直接imgタグを書いてしまって出すという手がありますね。srcの書式は、http://www.blogpeople.net/display/TB_People/tbp00758-1.gif
(最後が0〜2)のようです。

投稿: facet | 2004.09.28 05:01

facetさん、再び、ありがとうございます。^^

コメントをいただいてから調べまして、iframeで表示されないブラウザを確認しました。それでも、CSSよりiframeにこだわってみたいと思います。(^^;)
ただ、iframeがネスケ4をサポートしてないのが分かりまして、それはマズイと思い ilayerを併用しました。ilayerだとネスケ4、おっけいだそうです。
不勉強のままカスタマイズしているので、ミスっている可能性はありますが…。

今朝、ご確認いただいたときは、各TBPにひとつづつフレームを作っていましたが、どうやら重いようでした。もともと画像で重いのに…。(T_T)  それと、iframeをサポートしていないブラウザのお客さんがいらした場合、いくつもそういう窓があるより、まとまっていた方がましと思って、BlogPeople系はひとつにしました。
さらに、見た目すっきり! 満足です。(^0^)

iframeにしろ、CSSにしろ、TBPにスクロールバーを付けている人はまだ少ないし、関連記事も少ないみたいですね。
分かる人なら、「BlogPeopleでできるならTBPでもできる」と思い至るのでしょうが、、、素人は、「できる」ということさえ分からないのです(涙)。

facetさんに多大なるアドバイスをいただきまして、風茶房はスッキリしました。とっても嬉しいです!

ここを読んだ人は、スクロールバーの設置をiframeでやるか、CSSでやるか選択できるわけで、選択できることが素晴らしいと思います。読んでる人の人数を考えるとむなしくなりますけれども。(^_^;)

貴重なアドバイス、ありがとうございました。m(__)m

投稿: kuu | 2004.09.28 14:49

こんばんは。報告遅れまして申し訳ありません。

今、「プロフィール」が折り畳み対象外になって出てしまっています。

これは、修正の余波(^^;で、今までh2要素(リスト名の部分)直後から次のh2要素が現れる直前までをまとめて折り畳むようになっていたのを、直後のul要素(すなわちリスト本体)だけを折り畳むように仕様を変更したためです。

今まで、この「まとめて折り畳む」機能を能動的に使っている人をあまり見たことがなかったので、より直感的な仕様に変更させていただきました。

ただ、自分もこのまとめて折り畳む機能は使っていて、機能自体は欲しいので、使えるようにだけはしておきました。

foldContentsBy(pattern); の行より上に、foldBroadly = true; という一行を書き加えていただければ、この機能が発動して、今まで通りまとめて折り畳んでくれます。

kuuさんちで使っているのに気づいてませんでしたので、先に勝手に変更することになってしまいました。スミマセン(^^;

投稿: facet | 2004.10.11 06:39

facetさん、ありがとうございます。
いいこと教えていただいちゃいました。
プロフィールも畳めるんですね!
さっそく導入させていただきました。(^^)

「まとめて折り畳む」機能、今までは使っていなかったのですよ。facetさんの見落としではありません。
うち、こないだまでは、「他のコンテンツ」「トピックス」「検索」は折り畳み対象にしていなかったのです。(^^ゞ
状態保持バージョンの完成を待って、昨日、折り畳み対象を増やしたところでした。

状態保持が効くのなら、折り畳み箇所を増やしたいという素直な気持ちに従ってカスタマイズをしたのです。(^^;)
ますます、スッキリしました。
とても嬉しいです♪(^◇^)

投稿: kuu | 2004.10.11 07:07

ああ。やっぱり「まとめて折り畳む」機能を使っている方はほとんどいなかったですね(^^;

ところで。

新たな問題が見つかって、また修正モードに入ってしまいました。せっかく動作確認終了&利用推奨的な告知をしていただいたのに、申し訳ありません(^^;

ただ、また修正中ですが、動作確認の方は終了ということでOKですし、自サイトにアップロードせずマイリストへのコピペだけなら後々の再アップの手間もなく使えますので、よろしくお願いします。

BBSの方にも告知していただいているみたいですし、できるだけ現状を明確にと思い、書き込ませていただきました。

が、なにぶん説明下手ですので、まだ不明な点がありましたら何でもご質問くださいね。

ではでは(^^)

PS ばんびさんって方のご協力に気づいていませんでした。遅ればせながら、よろしくお伝え下さい。_(._.)_

投稿: facet | 2004.10.11 23:56

facetさん、ご心配おかけしました。(^^ゞ

「まとめて折り畳む」の機能って麻薬のように思います。この際、カレンダーも掲示板も何もかも折り畳んでしまおうかと、迷いました(笑)。
個人的には、この機能は「あるべき」と思います。
状態保持機能があるなら、折り畳み箇所を増やしたいと思う人は、私だけではないと思います。

利用推奨はどんどんしたいですよー。
自分が訪問するブログ全部に、「状態保持機能付き折り畳み」が採用されていたら、すんごくウレシイです。(^_^;)

記事中のコメント、誤解を招かないように追記しておきました。
私の方こそ、言葉足らず+ちゃんと説明できないで、ごめんなさいです。
facetさんの説明はわかりやすいです。^^

ばんびさんは、Mac環境での動作確認をしてくれました。右サイドバーのミニ掲示板でのやりとりだったので、コッソリと。(^_^;) usakoさんと同じ環境で、同じお答えでしたので、facetさんにはお伝えしませんでした。申しわけありません。

これからも、新鮮な発想のスクリプトをどんどん期待しています。m(__)m
Operaもバージョンアップせずに置いておこうと思います。(^_^;)

投稿: kuu | 2004.10.12 01:05

ご配慮、ありがとうございました。お手数おかけしました。

再修正、なんとか完了しました(面倒で終わりにしたともいうw)。これで晴れて...となるといいのですが。また「修正中〜」とかになったりして(^^;

まとめて折り畳む機能は、使い方がちょっと難しいですね。よほどリスト名をわかりやすくしないと、目的のリンクを見付けられなくなってしまいますから。

個人的には、「プロフィール」や「このサイトと連携する(XML)」を探すのに苦労した方なので、わかりにくいのは本当に嫌なのですがが、ワザと隠しているのならば、それはそれでいいかなとも思います。

私は、メール送信のリンクを分かりにくくするために、ワザとまとめて折り畳んでいます。

しかし、それ以外にも、中身のデザインのズレや間延びも気になりますしね。「まとめて...」は、何かと難しいですね。

それから、全てのサイトで状態保持ですか。なるほど。あれば本当に便利そうですね。すごく難しそうですけど、今後の目標とさせていただきます(^^)

投稿: facet | 2004.10.12 22:57

facetさん、おはよ~ございます。(日本時間でごあいさつ~ ^^;)

いよいよ完成!なんですね。おめでとうございま~す。ヽ(*⌒∇⌒*)ノ::・'゜☆。.::・'゜★。.::・'゜☆
動作確認の時間は、長かったような・・・短かったような・・・。いずれにしろ、私にとっては貴重な楽しい時間でした。スクリプト以外のことまで教えていただいて、勉強になったし、助かりました。本当にありがとうございました。

先ほど、facetさんちの動作遅延対策の記事を読ませていただきました。
他にもいろんな機能があるとのことで、続編の記事も楽しみにしております。^^

いろんなブログの使い方があるわけですが、ウチはブログを使い始める前からのお付き合いのお客さんが多いというのと、常連さんの平均年齢が高い、というのが特徴です。(^_^;)
意識して、サイドバーはブログ的に詰め込まないように心がけています。
「小さい文字でたくさん情報があると読みにくい」という意見をいただいて、サイドバーの文字サイズをデフォルトより大きくしましたので、全部が表に出ていると、見た目がうるさいのです。(^_^;)
折り畳んで見出しを目立たせることによって、見つけやすくなる情報もあると思っています。
その人なりの「便利」があるわけで、状態保持機能でより理想系になったと思います。

facetさんの次のスクリプト、何がでてくるのか、楽しみに待っていますよおー。^^

投稿: kuu | 2004.10.13 08:52

おはようございます(^^)(フランス時間でごあいさつ)

今回は、楽しんで修正できました。これも皆さんのご協力のお蔭です。本当にありがとうございました(^^)

折り畳みスクリプトは、一覧性と引き換えに、情報が隠蔽されて発見しづらくなるし、情報にアクセスするまでにワンクリック増えるため、ユーザビリティに劣るという問題がありますので、それを少しでも緩和できるよう、引き続き改善していきたいと思っています。なにかいい案が浮かびましたら、いつでもまた御意見ください。

とりあえず、今、ボタンにマウスをあわせたときに出るようにしたopen/closeの文字を、スタマイズできるように変更してみました。こんな↓感じでマイリストを変更すればOKです。

foldMark = "-";
unfoldMark = "+";

foldMark = "-";
foldTitle='クリックすると折り畳まれます';
unfoldMark = "+";
unfoldTitle='クリックすると展開されます';

デフォルトでは

foldTitle='close';
unfoldTitle='open';

となっています。foldがcloseで、unfoldがopenで....ははは。ややこしいですね(T_T)

# 最初にfoldMarkとunfoldMarkという変数名を使って公開してしまったので、やむなくそれにあわせました。

投稿: facet | 2004.10.13 18:27

facetさん、こんばんは。深夜です。w

うちのブログは折り畳みスクリプトでワンクリック増えてもいいと思っております。(^-^;
ユーザビリティに劣ってもいいというか・・・facetさんはお気付きでしょうが、「他のコンテンツ」以外のサイドバーの情報は、そんなに気にしてくれなくてもいい、という感じです。←正直に告白しております。。
それで、デフォルトで展開しているのは「他のコンテンツ」だけなのです。
うううっ。ブログの正しい使い方(?)から外れているかもしれません。。

open/closeは、このままにしておきます。open/closeって、シンプルで分かりやすいと思いますよ。^^
でも、この先、カスタマイズしたいと思う日がくるかも、です。
カスタマイズ方法を教えてくださってありがとうございました。m(__)m

いろんなスクリプトを見せていただいて、ほんのすこ~~しですけど、どういう命令をしているのか分かってきたような気がして、スクリプトを読むようになりました。チンプンカンプンながらも楽しいです♪^^

投稿: kuu | 2004.10.14 02:50

スクリプト、読まない方が身のためですよ〜w

さて。

>うううっ。ブログの正しい使い方(?)から外れているかもしれません。。

正しい使い方なんて。ケッ。以下自粛w

風茶房 日々雑記は素晴らしいと思います。

----

open/closeですが、これ、KOROPPYさんにお伺いして決めたんですよ。

最初はshow/hideでした。fold/unfoldは最初から論外(笑)

英語ネイティブ系ではcollapse/expandってのが見られるのでそれにしようかとも思ったんですが、そもそもコンテンツが日本語なので、わかりやすさ重視で。

開/閉だと、ぱっと見でわからないですし(笑)

折り畳み/展開ってのも、全然ぱっとしないんですよね...

ということで、結局、open/closeにしました。

無駄話でしたw

無駄話ついでに、もう一つ。

サイドバー上部の、「下線を消す」やつを仕込んである、写真とカレンダーの間の「間」は、意識的ですか? デザイン的に余裕があって気持ちいいのですが、もし「下線を消す」やつのせいで...というのなら、調整方法もありますので。

「他のコンテンツ」内のプロフィールだけがズレているやつの調整とかもできますので、もしご入り用なら、ということで。

投稿: facet | 2004.10.14 04:55

facetさん、おはよ~ございます。
お返事遅れまして、m(__)m

open/closeは、KOROPPYさんの発案なのですね。素晴らしい! こういうのって、なかなか思いつかないと思うのです。アイデア出しのできる人って頭が柔軟なんでしょうね。
私には遠い世界なので、あこがれです。(^_^;)

・写真とカレンダーの間の「間」ですが、もうちょっと狭くてもいいと思いながら「できない」ので間が空いております。。
・「他のコンテンツ」内のプロフィールだけがズレているのも「直せない」ので。。

ということで、調整法、ぜひ教えてくださいませ。m(__)m

スクリプトは外国語の動く絵本を読むような感じで、ちょっと(笑)楽しいです。(^◇^)

投稿: kuu | 2004.10.15 06:03

おはようございます(^^)

まず、写真とカレンダーの間ですけど、scriptを別の所に移せば狭くなるかと。それじゃあダメですか?

狭くなり過ぎたら、画像のあるメモ欄で、imgを覆っているdivにstyle属性を付けて、margin-bottom:...px; とかでしょうか。もしくは、divにidを付けて、外部CSSで一括管理。

「プロフィール」の方は、CSSで、
.sidebar .link-note {margin-top:...px;padding-left:0px;}
とすれば一応いける気がしますが、このセレクタ( .sidebar .link-note)は、「このウェブログをマイリストに追加」や「このサイトと連携する (XML) 」も共通なので、どうでしょう...。

.sidebar .link-note a[href="/about.html"] {margin....}という属性値セレクタを使った書き方が多くのブラウザで効いてくれたら楽なんですけど。

だめならjavascriptとか(笑)

投稿: facet | 2004.10.15 17:19

facetさん、教えてくださって、ありがとうございました。m(__)m

・写真とカレンダーの間は、scriptを移動して、style属性を付けて、margin-bottomの指定を入れました。
ちょうどいい具合の間隔になったと思います。^^

・プロフィールのズレは、CSSで調整しました。
link-note の部分、もともとのCSSが、
padding: 2px;
margin-bottom: 15px;

となっていたのを、
padding: 0px;
margin-bottom: 15px;
   
に変更しました。
うちの環境だと、これでいい感じに見えるのですが、facetさんの環境ではいかがですか?
どこかミスしていたら、また教えてくださいませ。m(__)m
気になっていたところの直し方を、ずばり教えていただきまして、感謝感謝です。・゚・(ノ◇`)・゚・。←ウレシ泣き
簡単なカスタマイズのようでも、私には一苦労がありました。(^_^;) 勉強になりました。実際にやってみないと覚えないですから。
いつも適切なご指導をありがとうございます。

今回のカスタマイズのついでに、独自CSSの埋め込み場所をマイリストからサブタイトルに移動しました。これって不味かったでしょうか?
いろんな意見があるようですが、うちをRSSリーダーで読んでる人がいる気がしないし、CSSの読み込みが少しでも早くなればと思っての変更なんですが。。

お悩み相談室にしてしまって申しわけありません。。(^_^;)

投稿: kuu | 2004.10.15 22:08

facetさん、こんばんは~。

たまたま、今、facetさんちの伝言板を見ました。
独自スタイルシートをどこに置くか、ということに対してのfacetさんのご意見読ませていただきました。m(__)m
他の方のご意見も、これから読んでみます。^^

投稿: kuu | 2004.10.16 04:28

あれ? このコメントにはレスしたと思っていたんですが...。遅れましてごめんなさい。

まず、スタイルの調整の方ですが、いいんじゃないでしょうか。

個人的には、以前書いたように、あの間が結構好きだったんですけどね(笑)

プロフィールへのリンクの方は、私なら上ももう少し詰めて、いかにも他のリスト項目の一部であるかのような偽装をすると思いますが、それなら本当に「他のコンテンツ」の項目にプロフィールへのリンクを作ってfoldBroadlyを使わない方がいいですからね。...すぐにギミックに走ってしまう私(笑)

ところで、RSSリーダですが、私は使ってここを読んでますよ〜(^^)

私の使っているBloglinesでは、問題なかったです。今も問題ありません。linkタグのような、ブラウザで見た目に現れないものは、Bloglinesでは削っているみたいです(タグはもう全部削っているかもしれません)。

他のRSSリーダは分かりませんが、まあ、大丈夫じゃないでしょうか。だめなら、それはRSSリーダ側の問題、ということで。

あと、読んでいただいた伝言板での意見というのは、この辺↓

http://facet.cocolog-nifty.com/divers/2003/12/post_20.html#c301901

でしょうかね。

サブタイトルにlink要素を仕込む裏技は、つまり、標準に則っていない裏技であるために、RSSリーダや検索エンジンでの表示だけじゃなくて将来的にもなんらかの形で問題を引き起こす可能性はあるのですが、ココログベーシックではどこかで妥協するしかないですからね。

どこで妥協するかはオーナー次第で、文法的な違反が気になる人は、tsupoさんみたいにプロに乗り換えるとか、他のツールに流れて行くしかないということでしょう。

かなり以前から多くの人がXHTML文法に沿えるようになんとかならないのかと要望を出していましたが、この点に関しては今もって完全に放置されてしまっているので、ココログのベーシックコースではもう無理なんじゃないかと思っています。文法を気にするならプロにしろ、と。まあ、そもそも、HTMLなんて気にしなくても簡単にホームページが作れるというのがベーシックコースでしょうからね。残念ですが。

私も、最初は、XHTML文法にできるだけ沿えるように、最低W3Cの文法チェッカーぐらいは通るようになんとか...と頑張っていたんですが、bookmarkletを公開し始めたころからどうも上手く調整できなくなって、また、W3Cの文法チェッカーの動作にも不満がでてきたので、最近、ついに「XHTML 1.0 Valid!」のバナーを外してしまいました(T_T)

というわけで、私はまだ、マイリストに仕込んだjavascriptを使って外部CSSファイルを呼び出すという、文法的な違反を回避できる方法を採用していますが、link要素inサブタイトルにしてしまってもいいかなと考え始めている今日この頃です。

投稿: facet | 2004.10.20 12:10

facetさん、こんにちは。
本日は台風日です。たぶん、明日も・・・。

さて、ホントにあの間を気に入ってくださっていたんですね。^^; 私は間が抜けすぎだと気にしてました。^^;

プロフィールは、そうかあ~他のコンテンツ扱いにすればいいのですね。なるほど、なるほど。 でも、そうするとプロフィールに飛んだときも、プロフィールへのリンクが出てしまうなあ・・・。
他所さまんちに始めての訪問をしたとき、、プロフィールは必ず探して読みますので、間で目立つならそれもいいかな?とか。
間の意味は伝わらないよねえ。と自分にツッコミ入れたり。
と、悩みちゅうです。。

facetさんは、RSSリーダーでここをお読みでしたか。(^^; 世の法則によると、おひとりいらしたら、他にもいらっしゃるのかも。。facetさんに問題なさそうなご報告をいただいたので、全然気にしませんが。(^◇^)

伝言板の記事は、ご指摘のところと ↓

http://facet.cocolog-nifty.com/divers/2003/12/post_20.html#c173944

ここです。^^
フルカワさんちのコメント欄や、tsupoさんの記事も読みました。結果、うちはサブタイトル埋め込みで行こうと思いました。文法を守ることを第一とするようなサイトではないもんなあと、、、本家サイトはレイアウトのためにテーブルタグ使いまくりです。ワハハ!  (-_-;) CSSに入門した今となっては、本家も作り直したいと思いますが、ファイルが膨大になってしまってますので面倒さを考えると引いてしまいます。。

サブタイトル埋め込みに変えた結果、読み込みが早くなったのは歴然なので、TOP画像を置いているウチとしてはサブタイトルの方がいいと思いました。

有料版ができてからココログを始めた方は、プロ版でないとカスタマイズできないと思ってらっしゃる方もいるようで、そうじゃないよ~と、声を大にして言ったらniftyへの営業妨害かもしれませんが、私は言いたいです。
facetさんも、言ってる派ですよね。(^_^;)

あとですね。
これは独り言なんですが。 ヾ(_ _。)
ココログでTOPページから入ってきた場合、10件の新着記事が見れて、そこでリンクは閉じられちゃってますよね。バックナンバーやカテゴリーをクリックしない限り。
JUGEMやEXCITEブログのように、「次のページ」へのリンクは出せないのでしょうか。Typepad系ブログだと出来ないのかな?と思いつつ・・・つぶやいてみます。

いつも、ありがとうございます。
facetさんに啓発されて、少しは前に進んだ気がします。今回、フルカワさんちへ久しぶりに行って、Operaのフォント対策の記事も見つけちゃったし。(^^) 記事中のフォントより多くの種類のフォントを入れちゃいました。
mac文字化け対策CSSも別にアップしていたのですが、今回、独自スタイルシートをひとつにまとめることができました。
コピペオンリーから、脱皮できたようです。^^
facetさんのおかげです。m(__)m

投稿: kuu | 2004.10.20 16:00

実家のMacでここを見たらば・・・。

OS 9.2、IE 5.1 だと、折り畳みボタンは表示されませんね(涙)。サイドバー見出しの下線も消えてません(涙)。。

OS 9.2、ネスケ7.0では両スクリプトとも、オッケイでした。

書き込みテストは諸事情により・・・していません。(^_^;)
______

プロフィールは、他のコンテンツ扱いに変更しました。^^
折り畳みが効かないMacで見たらば、プロフィールの上にだけ間が空いているのは、ヘンだな~と感じてしまいました。(^_^;)
facetさん、ありがとうございました。(と、つぶやいてみました。^^)

投稿: kuu | 2004.10.31 00:32

つぶやき、聞き逃してました(笑)

>JUGEMやEXCITEブログのように、「次のページ」へのリンクは出せないのでしょうか。Typepad系ブログだと出来ないのかな?

記事を1ページに10件ずつ表示させて、次/前といったリンクで移動させる、ということなら、たぶん不可能です。プロコースならできるかもしれませんが。

ページ内にない情報をjavascriptで取るのは難しいので、ベーシックなどでは難しいと思います。

ただ、たとえば、トップページの本文エリアの最下部に「前の記事も読む」みたいなリンクにして、トップに表示されていない記事のうち最新の記事の固定リンクを埋め込んでおき、流れ的になんとなく続いて読めているような感じにすることならできるかなと思いましたが...私に作れそうなのは、その程度です。

今はちょっと他にやりたいことがあるのでできないですが、せっかく思いついたので、思い出せたら作るかもしれません。

他に思い付いた方法としては、バックナンバーのリンクを本文エリア最下部にも置くjavascriptという手もありでしょうか。これならわりと簡単です。

>実家のMacでここを見たらば・・・。
>OS 9.2、IE 5.1 だと、折り畳みボタンは表示されませんね(涙)。サイドバー見出しの下線も消えてません(涙)。。

やはりそうでしたか。残念です。手元にないと難しいですね。何がいけないんだろう...エラーの内容がわかれば、なんとかなるかもしれないですけど...実家だとちょっと難しいですね。

閲覧に支障がなければいいのですが。

投稿: facet | 2004.11.03 23:10

facetさんへ、
ささやき声でのつぶやきでしたから。(^_^;)

>記事を1ページに10件ずつ表示させて、次/前といったリンクで移動させる、ということなら、たぶん不可能です。

ああ、やはりそうなんですね。
同じような感じのことを他の方法でやればいいのですね、、、って自力で出来ません。(^_^;)

フッターに「次の記事」「前の記事」へのリンクを付けるのはどうだろうか?と思いましたが。。この方法だと手動で記事ごとに毎回リンクしなきゃならないのでしょうね。ベーシックだと。・・・それは面倒ですね。

facetさんがいつか、なにかをしてくださるかも~と密かにのんびり、お待ちしております。m(__)m

実家のMac は iMac の三世代目バージョンでして、友人でも同じ環境でここを見ている人はいるはずなので、、、ありゃ~と思いました。
書き込みテスト、次の機会にしてみますね。閲覧に問題は無いようでした。

ところで、facetさんも、夏への扉、お好きなんですね。
私も、あの小説は大好きです。^^

投稿: kuu | 2004.11.04 01:07

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/13400/1468131

この記事へのトラックバック一覧です: サイドバー折り畳みスクリプト、動作確認のお願い。 > kuu:

» サイドバー折り畳み2:状態保持機能について2 [facet-divers]
foldSidebar02c.jsの動作確認にご協力いただいたみなさん、どうもありがとうございました。お蔭様で、なんとかメドがたってきましたので、御報告させてい [続きを読む]

受信: 2004.10.04 18:29

« 珈琲豆通販(仮)始動予告。 > kuu | トップページ | もっと近づきたい、ランタナ。 > kuu »