PamGau
Web周り、サッカーの話、ときどきヌコ

nicetitle.js : Nucleus CMSのdefaultスキン付属のJavaScript

nicetitle.js

Nucleus CMSインストール直後にもれなく表れる"default"スキンには、上のJavaScriptファイルがリンクされています。Nucleusの大半のユーザーは、大変手が早く、スキンなんぞはさっさと自作するか別のを見つけてきて切り替えてしまいます。ですから、私はこのnicetitle.jsが動作しているブログをあまり見かけたことがありませんでした。

ただ、あらためてよく見ると、ブログツールにおいてデフォルトで提供されるにしては面白い動作をするので、ちょっと紹介してみます。

『nicetitle.js』の動作例

addEvent

HTMLを汚すことなく、イベントに対応した関数を組み込むために用意された、今となってはお馴染みの関数です。nicetitle.jsのグローバル領域で使用されます。

makeNiceTitles

あれこれポップアップ」に似た動作をさせる関数です。すなわち、title属性が付与された"a"要素に、マウスカーソルを載せるとツールチップウィンドウを表出させます。

当該ツールチップのスタイルは同梱の"nicetitle.css"で変更可能です。

IEはalt属性でツールチップを表示するので、これを抑止するための"noAltTooltip"関数も呼び出すことが必須です。

但し、ツールチップ上のリンクをクリックすることができない、画像をツールチップに表示できない、など「あれこれポップアップ」よりは低機能です。

blockquoteCite

cite属性が付与された"blockquote"要素内に、当該cite属性値をa要素でマークアップされた文字列として書きだします。

前ブログの記事「引用(blockquote)のcite,title両属性を生かすJavaScript」でも似たような動作をするJavascriptについて説明していました。その後、外してしまいましたが…。

"blockquote"要素のcite属性だけで引用元の明示になるか否かについての熱い論争もあるので興味のある方は探ってみてはいかがでしょうか。

insdelCite

だんだんと『通』の領域に入っていきます(汗)

この関数で対象となるのは、HTML文書の公開後に挿入した文字列をマークアップするための"ins"要素と、同じく削除した文字列をマークアップするための"del"要素です。

この"ins"・"del"の両要素はcite属性とdatetime属性を付与することができます[参照:ちょっと不思議なテキストレベルの要素タイプ(The Web KANZAKI)]。

この"ins"・"del"の各要素に対して、cite属性が記述されていると、文字列の後ろにcite属性値であるURIへのリンクアンカーとなる「#」を表出させます。

また、"ins"・"del"の各要素に対して、datetime属性がISO8601形式で設定されている場合に、当該要素にマウスカーソルを載せると日付時刻が記載されたツールチップウィンドウを表出させます。

ね、「通」でしょ?

でも、エラーが出てしまいます。放置…(笑)

floatImages

これは意味を汲み取りかねます。

id値"blog"の幅に応じて、その領域内の画像のclassを"float-images"と"block-images"との2つに切り替えるのですが、CSSが提示されていないので具体的にどのような意図なのかが判然としません。

以上、説明終わり。

蛇足ながら、スキン"default"のDTDは『XHTML 1.0 Strict』と、なかなか意欲です。ブログの場合、記事の執筆者がそれに追いつくかどうかが一番の問題です。


"2時間ドラマ:松本清張原作「指」" « Home » "京都パープルサンガの選択した「継続」"

TrackBack

ご注意
当分の間、トラックバックの受信を行わないことといたしました。過去に戴いたトラックバックのリストについてはそのまま保持いたします。
title (px*blog ) posted at 2007/02/12 15:03
<a href

Comments

コメントはありません。
ご注意
当分の間、JavaScript が有効でないとコメント投稿できないようにします。スパム対策であって、投稿される方の個人情報を取得する目的ではありません。悪しからずご了承ください。
Recent Entries
京都御苑の「自転車道」
Googleの左サイドバーを消すユーザスタイルシート for Firefox , Opera
"Ruby Way"章頭の言葉
"The worst feelings in life"より
裸の英会話
RubyでProject Euler - Problem 59
RubyでProject Euler - Problem 58
RubyでProject Euler - Problem 57
RubyでProject Euler - Problem 55, 56
RubyでProject Euler - Problem 54
Links
PamGau 系
PamGau::Memo
PamGau::Dust
PamgauSigh Wiki
はてなブックマーク
パンパでガウチョ
kyorecobaのdel.icio.us
BLOGNAVI
XREA.COM
VALUE-DOMAIN
PHP ver 4.4.2
Powered by Nucleus CMS Creative Commons
feedberner banner この日記のはてなブックマーク数
BlogPeople
あわせて読みたい