jqueryプラグインについて質問です。

ウィンドウサイズに合わせて最適なスタイルシートを適用するスクリプト
Adapt.js
ttp://adapt.960.gs/
ttp://coliss.com/articles/build-websites/operation/javascript/js-adapt.html
というのがあるのですが、これのjs版、

・~700pxまでは非適応(項目では必要ない)
・700~900pxまでは=xxx01.js
・900px~=xxx02.js

といった具合にカスタム(あるいはもっと単純な処理に)することは可能でしょうか?

Media Queries使用時に狭いブラウザの場合適応させたくないjsがあり、
Adapt.js同様、IE6でも動いてほしいです。

皆様宜しくお願い致します。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2011/08/07 12:31:16
  • 終了:2011/08/07 14:28:12

ベストアンサー

id:Cherenkov No.1

Cherenkov回答回数1502ベストアンサー獲得回数4922011/08/07 13:08:05

ポイント300pt

これでどうですか。

var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth || 0;
if (width >= 700) {
	if (width < 900)
		loadScript('xxx01.js');
	else
		loadScript('xxx02.js');
}

function loadScript(url) {
	var script = document.createElement('script');
	script.charset = 'utf-8';
	script.src = url;
	setTimeout(function() {
		document.getElementsByTagName('head')[0].appendChild(script);
	}, 1);
}
id:mikomeko

出来ました! ありがとうございました。

条件分岐のjsが適切でなかったのとパス"js/付け"で上手くいきました。

本当に親切・迅速に対応いただき感謝しております!

~~~~~~~~~~~~~~~

adapt.jsと同フォルダですのでパスは大丈夫と思います。

(ちなみに'js/beautifulJapanese.js'でもダメでした)


~~~~~~~~~~~~~~~

早速ありがとうございます!

以下サンプル

http://xn--kdkh3fr37rjx9awkya.com/design-demo/

adapt.jsにソースを入れましたが上手くいきませんでした。。

対象js、beautifulJapanese.js

をとりあえず両方に入れているのですが、何か勘違いしていますでしょうか?

初心者で申し訳ないのですが宜しくお願い致します。

2011/08/07 14:23:39
  • id:Cherenkov
    スクリプトのパスを確認してください。
    正しくは
    'js/beautifulJapanese.js'
    ではないでしょうか。
  • id:Cherenkov
    先ほど確認したところ、
    http://xn--kdkh3fr37rjx9awkya.com/design-demo/js/beautifulJapanese.js
    にしてファイルが見つかったので'js/beautifulJapanese.js'なはずです。
    F5リロードしてみてください。
  • id:Cherenkov
    Ctrl+F5
  • id:Cherenkov
    どうなると成功かわかりませんが、
    document.getElementsByTagName('head')[0].appendChild(script);

    //document.getElementsByTagName('head')[0].appendChild(script);
    alert(url);
    に変えてウィンドウサイズによる切り替えの確認をするとどうでしょうか。
  • id:Cherenkov
    function loadScript(url) {
    var script = document.createElement('script');
    script.charset = 'utf-8';
    script.src = url;
    document.getElementsByTagName('head')[0].appendChild(script);
    }
    setTimeoutを消してみてください。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません