ウィンドウサイズに合わせて最適なスタイルシートを適用するスクリプト
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でも動いてほしいです。
皆様宜しくお願い致します。
これでどうですか。
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
をとりあえず両方に入れているのですが、何か勘違いしていますでしょうか?
初心者で申し訳ないのですが宜しくお願い致します。