黒板

[javascript]リンクをクリック時の点線を消す

<a href="#" onfocus="this.blur()">サンプル</a>

で、リンクの点線を消すことができるが、いちいち全部につけるのは面倒なので javascript で一気にやってしまおうというサンプルがあったのでメモ。

window.onload=function(){
 a=document.getElementsByTagName("a");
 for(i=0;i<a.length;i++){
  a[i].onfocus=function(){this.blur();}
 }
 area=document.getElementsByTagName("area");
 for(i=0;i<area.length;i++){
  area[i].onfocus=function(){this.blur();}
 }
}

this.blur() を使うとタブ移動ができなくなるので、ユーザビリティが悪くなることは言うまでもない。IEはユーザビリティか見た目か割り切る必要がありますね。

==アイコン素材PR==
メニュー表,黒板 お弁当,カゴ,バスケット くるみ,クルミ ピクルス 電話 はちみつ,ハチミツ ワイン樽 フライパン,キッチン用具 映写機 手袋

shadowbox.js

これまでajaxでLightboxを使用していましたが、画像の表示のみでした。

弊社サイトの携帯FLASHゲームの実績紹介ページ用にLightbox風にswfを表示できないかと検索してみました。

世の中便利ですね。
ありました。

「shadowbox.js」

最新バージョンは3.0。
「shadowbox.js」はPrototype、jQueryなど、複数のJavaScriptのライブラリに対応した、swfや動画などを拡大表示できるスクリプトです。

「shadowbox.js」ダウンロード

使い方は至って簡単。
バージョン3.0になって更に簡単に使えるようになった感じです。

shadowbox.js と shadowbox.css を参照して
Aタグに rel=”shadowbox” を追記するだけ。

携帯用画面もshadowboxで見せようとhtmlの表示を試みるがうまくいかない。
よくオプションの解説を見てみると

players: [“html”]

ではなく

players: [“iframe”]

でした!。うっかりうっかり。

◆併用できるJavaScriptのライブラリ

◆対応ブラウザ

  • Internet Explorer 6+
  • Firefox 1.5+
  • Opera 9+
  • Safari 2+
  • Camino

◆対応メディア

  • 画像(PNG, JPEG, GIF)
  • 動画(FLV, QuickTime, Window Media Player)
  • ウェブページ

◆オプション変更

  • ローディング画像の変更
  • フラッシュビデオプレイヤー
  • 背景色
  • 透過度
  • 枠線の形状・色
  • サイズ
  • キーボード操作

etc…

詳しくは「shadowbox.js」のサイトで。

==PR==
印鑑,STOP 地図,世界地図 ペン ハウス,家,レンガ 工具,クレーン ビリヤード ボウリング,ピン ゴルフ,ゴルフクラブ アメリカンフットボール,ヘルメット 爆弾,時限爆弾 ジクソーパズル,ピース ゴルフカート 絞首台,死刑台 男子用便器,トイレ 黒板,ボード カジノダイス テニスコート 音符 リボン,ラッピング 椅子,チェアー

更新履歴管理ツール

更新履歴の管理ツールで素敵すぎるモノを発見したのでメモメモ。

ImageInfo

RSS配信機能付の新着情報・更新履歴管理ツールで
記事の追加や削除はもちろんのこと、画像ファイルアップロード・サムネイル生成もできる。

まず、何よりデザインがいい。
管理画面までしっかり作られてます。

そして、記事はすべてhtmlで書き出されるというのもSEOにもってこい。
テンプレート形式でカスタマイズもできる。

こんな凄いのに、フリースクリプト。
(著作権表示有り)
ライセンスを購入すれば著作権表示無しで使用できるという優れモノ。

まだ、サービスを提供したばかりのようで、バージョンは1.0。
試しに導入してみて、パーミッションがおかしい不具合があったので連絡するとすぐに修正版を送ってくれました。
サポートも素晴らしい◎

他にもいくつかスクリプトを配布しているので、時間があるときにでも試してみたいと思う。

ウェブクローゼット

==PR==
紙袋,手提げ,ショッピングバッグ CD,CDケース BOX,メイクボックス 値札,タグ 値札,タグ リフトカー カゴ,ショッピングカート レッドカーペット,絨毯 ポラロイド写真 計算機,電卓 黒板,ボード ノート,手帳,メモ帳 システム手帳,ダイアリー シャベル 方位,方位磁石 計算機,電卓 さいころ,サイコロ,ダイス 絵画道具,イーゼル ハート,プレゼント,ギフト サッカースタジアム,サッカー場,芝

MT4.2の新規投稿で500エラー

MovableTypeで構築された当ブログを更新の際、最近は必ず500エラーがでて、
まともに更新できないし、Pingも送信されていない。
これは問題と言うことで、サーバ担当に確認してもらって、
Perlのバージョンを最新にしてもらった。

また、タイムアウトの時間を延ばしてもらいました。

結果はこの記事が上手く投稿されていることが何よりの証拠ですね☆

==PR==
地図,宝探し ファイル,書類入れ 黒板,ボード 車,カー,外車 電球,ランプ プレゼント,ギフト,ギフトBOX,プレゼント,箱 木琴 椅子,チェアー,ソファー とうもろこし,コーン ドア,玄関 リング,指輪 チョコレート,板チョコ パイナップル,缶詰,パイン グリーン,葉,葉っぱ,観葉植物 グラフ,円グラフ エビ 豆,ビーンズ,さやいんげん そろばん クリップ 帽子,キャップ,アーミー帽子,迷彩柄

Google Chrome のMacとLinux版

Googleがウェブブラウザ「Google Chrome」のMacとLinuxのプレビュー版をリリースしました。

正規版が出てくると検証ブラウザが増えると。
(*´・д・)…..

このプレビュー版は400以上ものバグがあるらしいので、インストールは見送り。
正規版に期待はかかりますが、半面これ以上ブラウザ増やさなくてもいいよ・・・って感じです。

興味がある方は以下からダウンロードできます。
「Google Chrome」for Mac プレビュー版
「Google Chrome」for Linux プレビュー版

==PR==
携帯電話 木箱,ボックス,BOX,収納箱,樽,木樽 ゴーグル,水中眼鏡 カバン,バッグ,手提げ 落ち葉,葉 Tシャツ,洗濯物 ボール,野球,球 花,植物 絵の具,筆 黒板,ボード グリーン,葉,葉っぱ,観葉植物 テレビ,ブラウン管テレビ 水管,配水管,水道 車,カー,外車 花,あさがお,植物 アスパラガス 羽,羽子板 箱,ギフト,ギフトBOX,プレゼント 手帳,システム手帳,スケジュール帳,ビジネス手帳