Google Chrome (Win)でローカルファイルを読み込む方法

Posted on

GoogleChromeではローカルファイルの読み込みに制限がかかっており、他のファイルを読み込むことができません。

エラー:XMLHttpRequest cannot load

この場合、起動オプションに「--allow-file-access-from-files」を付けることで読み込めるように変更できます。

  1. Google Chromeのショートカットを新規作成
  2. 新規作成したショートカットを右クリック→プロパティを開く
  3. 「リンク先」のパスのあとに空白を開けて「--allow-file-access-from-files」と入力--allow-file-access-from-filesと入力

この設定はセキュリティ上の問題のための設定です。変更した場合は注意して使用してください。

起動オプション - Google Chrome まとめWiki

画像拡大スクリプト、POPS-iBOX B2の設置メモ

Posted on

POPS-iBOX B2はLightBox風の画像拡大スクリプトで、jQueryのプラグインです。

作者はPOPS WEB KOUBOUさんで、POPS-iBOXシリーズとして3種類のプラグインを配布されています。

先日、趣味で個人的に運営している現説公開サイトでPOPS-iBOX B2を設置してみたのですが、ひとつ、つまずいた点があったのでそのメモです。

設置先はこちら。
平城宮跡東院地区西北部の発掘調査 現場写真

続きを読む

2つのフィードを結合してトップページに読み込む

Posted on

弊社サイトでは、この「Notebook」とそれ以外のページで2つのフィード(RSS2.0とATOM1.0)を出力しています。

この2つのフィードをトップページの「Information」に表示するようにjQueryでスクリプトを作成しました。作成中にいくつかつまずいたところがあったので、手順を追って説明します。

続きを読む

jQueryでscrollToを使うときの注意点

Posted on

jQueryで、アニメーション付きのスクロールをするときには、animate関数が便利ですが、ブラウザや描画モードによって動かす対象が異なります。

  Firefox3.5 InternetExplorer8 Safari4 Opera10 Netscape7
標準準拠モード $('html') $('html') $('body') $('html') $('body')
後方互換モード $('body') $('body') $('body') $('body') $('body')

そこで、$('html,body')とすれば、どちらも指定できてうまくいきそうです。しかし、operaでは、両方の指定が有効になり、ちらつきの原因となるので、以下のように指定します。

$($.browser.opera ? document.compatMode == 'BackCompat' ? 'body' : 'html' :'html,body')
.animate({scrollTop:目標のオフセット値Y,scrollLeft:目標のオフセット値X});

タブ表示 jQueryプラグイン

Posted on

デモ/検証にjQueryのタブ表示・プラグインを3件追加しました。それぞれの主な特徴は…

jQueryUI tabs

言わずと知れたjQueryのオフィシャルプロジェクトjQueryUIのタブ表示プラグイン。スライド時のアニメーションを設定、ajaxを利用して他のページをタブに読み込む、テーマファイルで見た目を管理などができます。

デモ/検証-jQueryUI tabsのページへ

Accessible Tabs

実際にスクリーンリーダで確認しながら作成された、タブ表示プラグイン。スクリーンリーダの表示上の問題をクリアしてるようです。

デモ/検証-Accessible Tabsのページへ

Simple tabs

「Web Design」誌 2009年6月号で紹介されていた、タブ表示プラグイン。軽量単純アニメーション効果なし。たった23行で書かれたプラグインです。

デモ/検証-Simple tabsのページへ


それぞれ、一長一短あるので、使用用途によって使い分けたいと思います。

javascriptでスライドショー

Posted on

シンプルなjQueryプラグインスライドショーSlidesの導入方法です。

続きを読む

ページトップに戻る