人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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でも動いてほしいです。

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

●質問者: mikomeko
●カテゴリ:ウェブ制作
✍キーワード:GS HTML IE6 JavaScript jQuery
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Cherenkov
●300ポイント ベストアンサー

これでどうですか。

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);
}
◎質問者からの返答

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

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

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

???????????????

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

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


???????????????

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

以下サンプル

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

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

対象js、beautifulJapanese.js

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ