JavaScript:クリックした要素の親から先祖までノードの情報を全て取得する window.onload=function(){ document.onmousedown = function(e) { var node = new Array(); var parent = e.srcEleme… ゴトーハック2014.07.17 3,524
JavaScript:ページのロード時に処理を実行する window.onload = function() { //処理 } 上記処理であれば<body onload=””>のように書く必要が無くなります。 ゴトーハック2014.07.16 314
JavaScriptでヒアドキュメントを使う JavaScritpには本来ヒアドキュメントの記法はなく、複数行のテキストを書きたい場合は下記例のように改行ごとに¥および¥nを入れる方法がよく使われていました。 var text = "¥ <div&g… ゴトーハック2014.07.16 954
JavaScript:リサイズ時にレイヤーを画面サイズにフィットさせる https://hacknote.jp/archives/3860/こちらの内容で画面ピッタリにレイヤーをフィットさせられますが、ブラウザウィンドウのサイズが変更された場合、このままでは当然はみ出ます。 挙動としてはみ出… ゴトーハック2014.07.15 1,837
JavaScript:レイヤーを画面サイズにフィットさせる 例えば下記関数「onloadFunction」の場合、「fitLayer」というIDを持つレイヤーをウィンドウと同サイズにさせます。 function onloadFunction() { if(document.get… ゴトーハック2014.07.14 813
jQueryを使わずにクリックで表示非表示を切り替える こちらのページを参考にしました。 http://tenderfeel.xsrv.jp/javascript/61/ HTML <a href="javascript:Toggle('A'… Yukimi Satoハック2014.07.14 1,217
JavaScript:IE8で「getElementsByClassName」が使えない対策 IE8ではgetElementsByClassNameが使えません。なので下記のようにgetElementsByTagNameとforでフックにしたいクラスをかけているタグを全走査し、classNameオブジェクトで合致… ゴトーハック2014.07.14 2,517
JavaScript:IDやクラスを指定せず、画面内のクリックした要素の情報を参照する window.onload=function(){ document.onmousedown=function(e){ console.log(e); } } 下記のような情報を参照できます。 MouseEvent {d… ゴトーハック2014.07.11 891
JavaScriptでのスタイル参照 基本的な内容ですが案外たまに軽くハマることもあるのでメモします。 Bad var elm = document.getElementById($id); var style = elm.style 上記でHTMLタグにs… ゴトーハック2014.07.11 532