JavaScript:ウィンドウサイズに変更があった時に処理を実行する window.onresize=function(){ //処理 } ブラウザウィンドウの幅が変更された時に処理が実行されます。 上記処理であれば<body onresize=””>のように書く必要が無くなり… ゴトーハック2014.07.17 420
JavaScript:クリックした要素の親から先祖までノードの情報を全て取得する window.onload=function(){ document.onmousedown = function(e) { var node = new Array(); var parent = e.srcEleme… ゴトーハック2014.07.17 3,516
JavaScript:ページのロード時に処理を実行する window.onload = function() { //処理 } 上記処理であれば<body onload=””>のように書く必要が無くなります。 ゴトーハック2014.07.16 310
JavaScriptでヒアドキュメントを使う JavaScritpには本来ヒアドキュメントの記法はなく、複数行のテキストを書きたい場合は下記例のように改行ごとに¥および¥nを入れる方法がよく使われていました。 var text = "¥ <div&g… ゴトーハック2014.07.16 952
JavaScript:リサイズ時にレイヤーを画面サイズにフィットさせる https://hacknote.jp/archives/3860/こちらの内容で画面ピッタリにレイヤーをフィットさせられますが、ブラウザウィンドウのサイズが変更された場合、このままでは当然はみ出ます。 挙動としてはみ出… ゴトーハック2014.07.15 1,836
IE8でグラデーションfilterをかけると:hoverが正常動作しなくなる対策 参考元はこちらhttp://ellsif.com/blog/?p=76 グラデーションをかけただけではIE8,9で:hover時の挙動がおかしくなる。 CSS(Sass) 下記のようにbackground-colorも合… ゴトーハック2014.07.15 567
JavaScript:レイヤーを画面サイズにフィットさせる 例えば下記関数「onloadFunction」の場合、「fitLayer」というIDを持つレイヤーをウィンドウと同サイズにさせます。 function onloadFunction() { if(document.get… ゴトーハック2014.07.14 810
JavaScript:IE8で「getElementsByClassName」が使えない対策 IE8ではgetElementsByClassNameが使えません。なので下記のようにgetElementsByTagNameとforでフックにしたいクラスをかけているタグを全走査し、classNameオブジェクトで合致… ゴトーハック2014.07.14 2,511
JavaScript:IDやクラスを指定せず、画面内のクリックした要素の情報を参照する window.onload=function(){ document.onmousedown=function(e){ console.log(e); } } 下記のような情報を参照できます。 MouseEvent {d… ゴトーハック2014.07.11 888