じゃんぬねっと日誌

ネタと雑記と時々プログラミング

目次

Blog 利用状況

ニュース

Halo3 にハマり中。アービターかわいいよ。あーびたん。

スポンサードリンク

運営サイト

  • C# と VB.NET の入門サイト

Blog Item

フィードメーター - じゃんぬねっと日誌

書庫

JavaScript で #region を再現してみる

自分のサイトで Tips レベルでない中規模以上のソースを載せる時に、Visual Studio の IDE 上で展開される #region が再現できると便利だと思います。

そんなわけでちょっとダケ作ってみました。(コードは何故か VB です)
インジケータを再現するのが面倒でした。(プロパティの場合は畳める場所大杉...)

現状の問題点としては、以下の通り。

  • ソースコードをコピーした時に #region の表題の仕掛けとなるゴミを拾ってしまう。
  • JavaScript を切られた状態で、且つ、CSS を無効にされちゃうとゴミが表示される。
  • 保守がよろしくない、HTML をもっと簡素化したい。

最初の 2 つの問題は、CSS ではなく insertBefore で Node を動的に追加すれば改善されますが、対応ブラウザのバージョンを 1 つ上げてしまうことになるので、ちょっと躊躇しています。
3 番目の問題も、最初の 2 つが改善されればおのずと改善されると思います。

感想、助言などお待ちしております。

投稿日時 : 2005年6月27日 10:21

コメントを追加

# re: JavaScript で #region を再現してみる 2005/06/27 11:01 kara虎

おー。いい感じですね。
ただ、divで囲うか、Transitionalを宣言したほうがいいかもしれません。

# re: JavaScript で #region を再現してみる 2005/06/27 11:09 じゃんぬねっと

某 SNS でも書きましたが、DIV だと white-space の解釈がおかしいのです。
IE だけかもしれませんが...

# re: JavaScript で #region を再現してみる 2005/06/27 11:10 kara虎

あ、タイミングがまずかっただけですか。orz

# re: JavaScript で #region を再現してみる 2005/06/27 11:10 じゃんぬねっと

とりあえず、W3C 信者は釣れると思ってはいただけにもどかしい。orz

# re: JavaScript で #region を再現してみる 2005/06/27 11:10 じゃんぬねっと

2 人ともレス早杉 (w

# re: JavaScript で #region を再現してみる 2005/06/27 11:22 kara虎

> DIV だと white-space の解釈がおかしいのです。
なるほど。
ホントは、何の装飾もしてないpreに対してJavaScriptのみでいろいろ出来るとすばらしいんですけどね。

あ、せっかくなんで、「オブジェクト指向プログラム言語としてのJavaScript( http://www.tokumaru.org/JavaScript/ )」を薦めておきます。過去のWEBブラウザでは、どう解釈するのかはわかりませんけど。

> 2 人ともレス早杉 (w
我ながらすごいタイミングだw

# re: JavaScript で #region を再現してみる 2005/06/27 11:35 じゃんぬねっと

確かに、JavaScript オンリーの方がよさげですね。
インジケータに表示されるラインと、[+] のイメージが悩ましいところです。

# re: JavaScript で #region を再現してみる 2005/06/27 11:48 kara虎

imgのalt="region"はalt=""にしたほうが良いと思いますよ。代替テキストなので。

> 確かに、JavaScript オンリーの方がよさげですね。
insertBefore、insertAfterあたりで無理やりimg要素を出力して、addEventListener(attachEvent)でイベントの追加って感じですかね。

# re: JavaScript で #region を再現してみる 2005/06/27 12:01 じゃんぬねっと

どちらにしても、#Region 位置を補足しやすくするために、ID を振る作業は必要やね。
クライアントによっては JavaScript があんまり複雑だと表示までに時間を要しちゃいますし。

# re: JavaScript で #region を再現してみる 2005/06/28 23:19 mk3008

再現性高いですね
(横の縦線といい、[+]、[-]のアイコンといい

自分のサイトでも似たようなことやってるんで、
テクを盗ませていただきます!

# re: JavaScript で #region を再現してみる 2005/06/29 9:06 じゃんぬねっと

ベタすぎて盗めませんよ...w
もっと改良してから、あげちゃいます。

タイトル  
名前  
URL
コメント