Bubble Tooltipsをちょっと改造

このBLOGではコメントとトラックバックのアイコンの箇所で利用しています。
これの仕様はidを指定しない限りtitle属性のある箇所でツールチップが表示されるようで、そのままでは問題があるのでちょっと改造しました。
今回はそれをかる~く紹介。

まずはto-R様のエントリーがかなり参考になります。

改造の仕様としてはclassに"BubbleTooltips"と指定されている箇所のみ表示されるように改造しました。

function enableTooltips(id){
    var links,i,h;
    if(!document.getElementById || !document.getElementsByTagName) return;

    AddCss();
    h=document.createElement("span");
    h.id="btc";
    h.setAttribute("id","btc");
    h.style.position="absolute";
    document.getElementsByTagName("body")[0].appendChild(h);
    if(id==null) links=document.getElementsByTagName("a");
    else links=document.getElementById(id).getElementsByTagName("a");
    for(i=0;i<links.length;i++){
        var cls = links[i].getAttribute('class') || links[i].getAttribute('className');
        if(cls != null) {
            if(cls.match("BubbleTooltips")) {
                Prepare(links[i]);
            }
        }
    }
}

上記以外に、表示される位置の修正はスクリプトの下部。
デザインはCSSなので、難しくはないと思います。

本当はjQueryを利用して判定させたかったんですが、改造を始める時点で上記の方法が浮かんでいたため10分ほどでやめました。
気が向けばそのうち。

SWFObject 1.5 と Express Install

SWFObjectです。

ずっと存在は知っていたけど、これじゃなければいけないという状況が特になく今まで利用していなかったのですが、ちょいと仕事で制作したFlashコンテンツに導入してみようと精神的余裕?があったので、やってみたのですが、いつのまにか1.5になってる。

にゃあプロジェクト様に詳細な利用方法がありますが、SWFObject1.5になってからこちらで紹介されている方法ではできなくなっているような。

まぁ、サンプルを見ると上記で紹介されている方法とは全然違うので、すぐに気がつくとは思うのですが、基本的に自分が制作するFlashに組み込む必要が無くなってます。

紹介されている方法ではオリジナルのダイアログを用意し、それが利用されるようですが、
1.5以降はそれが必要ない(たぶん)。
とゆーか、expressinstall.asにExpressInstall.needsUpdateなんて記述ないし.

もし、指定されたバージョン以下のFlash Playerしかインストールされていなかった場合は、「Adobe Flash Player 9をインストールしますか?」が表示されます。


間違っていたらごめんなさい。
何か他に方法があるのかもしれない。


IE7でこれを利用してFlash Playerをバージョンアップしたら、ブラウザを再起動してくださいと言われました。意味が無い・・・
(IE7というかMaxthonですが)

追記(2007.04.29):
にゃあプロジェクト様で1.5対応のものがエントリされました。
WinXP IE6 Flash Player7の環境で正常に動作しているのを確認しました。
(んー、IE7ではブラウザ再起動しないといけないのかなぁ・・・
IE7で確認したときはFlash Player9の一つ前のバージョン(20ぐらいだっけ?)から最新の45にアップしたのでちょっと状況が違うのがなんとも)

FLASH UPLOADER version 1.20

リリースです。

要望がありましたアップロード時にファイル名を変換しないオプションを追加しました。
ただし、アップロードされたファイルが日本語を含むファイル名の場合は、強制的にファイル名が変換されます。


また、アップロードを許可するファイル形式を拡張子で設定できるようになりました。
旧バージョンではFLASHで読み込みができる形式だけだったのが、自由に設定できるようになります。


いじょ~。

HDは突然壊れると言っても過言では無いのだ!

HDです。ハードディスクです。

現在ほとんどすべてのデータはNAS(HDL-G250U)に保存しています。
仕事関連や、このWEBのデータなど一部はローカルに保存していて週1でAcronis True Image 10 Homeを利用してNASにバックアップしています。
なので、ローカルのHDDが壊れても損害は少ないのですが、NASが壊れたときが恐怖です。

HDL-G250Uのセルフバックアップというものに期待してUSB HDDを購入してみましたが、特定のディレクトリでバックアップが失敗します・・・

とゆーことで、RAID機能を持ったNASの購入を検討しています。

候補は以下

LANDISK Home
先日発表された新製品ですね。
デザインもいいし、価格も抑え目。
iTunesサーバー機能もあったりする。
ただし、登録ユーザー数が8だけでちょいとユーザー管理に弱い。
グループは使えないみたいだし。


LANDISK Tera
上記と同じアイオーデータ製品。
まぁ、デザインは我慢できる範囲。
ユーザー管理も問題なし。
ただ、WEB管理画面がすごい遅いという報告があったり、iTunesサーバー機能が無い。


Infrant ReadyNAS NV+
海外メーカの製品。
HDDが別売りなので、HDDは自分で用意しなければいけない。
デザインがちょっと・・・
ハードウェアRAID?なので、処理がちょいと早いらしい。


と上記3製品で悩んでおります。

まぁ、まとめると時効警察を見てればこんな悩みなど忘れることができる!ということです。

Silverlight


MS、Flashキラーの新技術「Silverlight」発表

Microsoft Silverlight


詳しい機能とかはわかりませんが、AdobeとMicrosoftの競争が激しくなってきましたね。

今後どうなっていくんでしょうか。

FeedBurnerに移行

フィードの配信をMTのRSSからFeedBurnerへ移行しました。

参考にしたのは、

Ogawa::Memorandaさま
Feedburner Infomation

サイドバーのアイコンもFeedBurnerデザインに変更しました。

現在、購読者数0!!!
笑える


既存のRSSをリーダーに登録されている方は変更をお願いします。

CSS

前回のエントリーに書こうと思っていたら忘れていました。

CSSのお話。

今回アルファPNGを利用していることは前回のエントリーにもありますが、
ここでエントリーしているようにブラウザによって色が少し変わってしまうので、IE7、IE6、Safariとそれぞれが違う画像を利用するようにハックを利用しています。
IE7とSafariではブラウザで表示されたときに制作時のカラーより若干濃く表示されるので、想定しているカラーとの誤差分明るめのカラーのpngを用意し、IE6ではGIFを用意して利用しています。

IE7のみに反映させるCSSハックは下記のように記述します。

*+html body #contents {
	color: #FF0000;
}

Safariのみの場合は下記。

html:\66irst-child #contents{
	color: #00FF00;
}

CSS Validatorでも問題ないようです。

HTML

今回のリニューアルではHTML構造にも気をつけました。
リニューアル前のサイトでは一応CSSレイアウトにはなっていたものの、初めてのCSSレイアウト&勉強のためという状態だったので、とにかく「div!」みたいな状況になっていました。

とゆーことで、今回はタグの意味とか使い方にそれなりに気をつけて組みました。
「pタグ内にはインライン要素しか入れられない」とか正直いままでまったく意識していませんでした。
ブラウザさんはそういうの関係なしに表示してくれる良い子です。
(ある意味困った子です。)

ここ見ながら制作しました。

リニューアル!!!

リニューアルしました、できました。

今回アルファPNGをかなり使っているのでアルファPNGに対応していないIE6ではちょっと見た目が違います。
まだ、ハックで対応できてない箇所もありますが、目立つ場所では対応しておきました。
ちょこちょこ弄れる箇所があるほうが暇つぶしになるので、気付いたら修正されていることでしょう。

しばらくはリニューアルに関するというか利用したものなどを紹介するエントリーが多くなりそうです。

AUTHOR

名古屋でひっそりと活動中。
ホームページ制作、Flashコンテンツ制作など制作依頼がありましたらお気軽にご連絡ください。
ご希望の方には制作実績も同時にお伝えいたします。

TAG CLOUD