たぼさんの部屋

いちょぼとのんびり

2014-03-01から1ヶ月間の記事一覧

javascript ブラウザ読み込みを停止

DOMContentLoadedの時点で window.stop(); で画像などの読み込みを停止できる。

読み込み終わるまでローディングが表示され読み込まれたものがフェードインして表示され

参考サイト 使い方 // インスタンスを作成 var manager = new LoadManager(); // 読み込みたい画像を登録 manager.add("imgs/hoge.jpg"); manager.add("imgs/piyo.jpg"); manager.add("imgs/moja.jpg"); // 読み込み進行中 manager.onProgress = function (e…

フレームワーク導入部と判別まで

導入 TOPページからのアクセスと限らない(すべてのページが開始点となる)ため 導入部は対象の全ページに記述すること! 修正 display:noneに変更(visibility:hiddenから) 導入部(htmlファイルのhead最下部に記述) <link rel="stylesheet" class = "EFOLABclass" href="EFOLAB/efolabBase.css"/> <meta name="viewport" content="width=device-width,user-scalable=no"/> </meta></link>

documentのインターフェース

HTMLDocument インターフェース プロパティ名 型 説明 location Location ロケーションオブジェクトを取得する(読み取り専用) domain String 現在のページのドメインを取得する(読み取り専用) URL String 現在のページの URL アドレスを取得する(読み取…

767px以下のデバイス(スマートフォン)で既存bodyを非表示にするcss

viewportタグも必要! [重要] : このcssだけではスマートフォンでうまく動作しない時がある。(画面をズームされた時など) 従って、viewportのセットを同時に行うこと! efolabBase.css /* * スマートフォンの場合に新コンテナ再構築までの間、既存コンテ…

アンドロイド標準ブラウザのコンテンツを入れ替える

この方法なら動作する。 appendchildはだめ。 /** * EFOLAB.LAYOUT */ EFOLAB.LAYOUT = function() {"use strict"; }; EFOLAB.LAYOUT.prototype.setPage = function(dom) {"use strict"; //TODO:仮にコンテンツをセットしておく var main_container = docume…

クロージャの便利な使い方

対話式のテキストサイズ調整ボタンは、body 要素の font-size プロパティを変更し、その変更は相対単位によってページ上のほかの要素にも適用されます code function makeSizer(size) { return function() { document.body.style.fontSize = size + 'px'; } …

引数を受け取るイベントハンドラ

/* * 引数を受け取っておくクロージャ */ var closer2 = function(val) { var _val = val; return function(evt) { evt.preventDefault(); console.log(_val); }; }; function init() { var val = 10; var a = document.getElementById('test'); // a.addEve…