JavaScript で DOM 要素の絶対座標を取得する方法 | phiary

2015/10/25 53 users phiary DOM window.onload Hoge

備忘録. スペニット的に使ってもらえれば幸いです. DOM 要素の絶値座標を取得する element.scrollTop とかだと親からの相対値になっちゃいます. getBoundingClientRect() を使えば絶対座標を取得できます. window.onload = function() { var element = document.getElementById('hoge'); /... 続きを読む

JavaScript で DOM 要素の絶対座標を取得する方法 - tmlife

2015/01/21 67 users tmlife DOM window.onload Hoge

備忘録. スペニット的に使ってもらえれば幸いです. DOM 要素の絶値座標を取得する element.scrollTop とかだと親からの相対値になっちゃいます. getBoundingClientRect() を使えば絶対座標を取得できます. window.onload = function() { var element = document.getElementById('hoge'); /... 続きを読む

[HTML5] Drag & Drop API おさらい 「DOM 要素の DnD」 ｜ Developers.IO

2013/11/29 29 users Drop items list item null

このイベントの中でとりあえず処理が必要なものは、Drag 対象要素の「 dragstart 」と Drop 対象要素の「 dragover 」「 drop 」となります。 var dragElement = null, items = document.getElementById('list').getElementsByClassName('item'); function dragStart... 続きを読む

XMLHttpRequestを使ったCSRF対策 - 葉っぱ日記

2013/03/01 354 users XMLHttpRequest value CSRF対策 通り

XMLHttpRequestを使うことで、シンプルにCSRF対策が行える。POSTするJavaScriptは以下の通り。 function post(){ var s = encodeURIComponent( document.getElementById("mail").value ) + "&" + encodeURIComponent( document.getElementById("m... 続きを読む

JavaScript アニメーションのデザインパターン

2012/05/13 955 users アニメーション JavaScript デザインパターン 変色

JavaScript でアニメーションを作る アニメーションとは何？ ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() ... 続きを読む

東亜プラン　ＣＤ－ＢＯＸ（仮） » SweepRecord

2011/09/23 22 users SweepRecord MENU function for

東亜プラン　ＣＤ－ＢＯＸ（仮） » SweepRecord sfHover = function() { var sfEls = document.getElementById("menu").getElementsByTagName("LI"); for (var i=0; i 続きを読む

JavaScriptコーディングに関するテクニックやパフォーマンス等のリファレンス集:phpspot開発日誌

2009/08/19 405 users phpspot開発日誌 パフォーマンス テクニック エントリ

最近発見した、JavaScriptコーディングに関するテクニックやパフォーマンス等の参考になりそうなエントリをリファレンスをまとめてみました。 Avoiding Problems With JavaScript’s getElementById Method in Internet Explorer 7 | Impressive Webs IE7のgetElementByIdで起こる問題を避けるた... 続きを読む

SCRAPBLOG » [userChrome.js] 軽量マウスジェスチャで利用可能なスクリプト集

2007/01/07 55 users ジェスチャ userChrome.js Browser 話題

[userChrome.js] 軽量マウスジェスチャで利用可能なスクリプト 「○○をジェスチャにしたいんだけど、userChrome.jsには何て書けばいいの」といった話題はこちらでコメントお願いします。 ナビゲーション // 戻る document.getElementById("Browser:Back").doCommand(); // 進む document.getElementById(... 続きを読む

404 Blog Not Found:javascript - event.target で IDを省略

2006/09/21 70 users DHTML Object JavaScript 王道 対象

DHTMLの世界では、DOM objectにはみんなIDをふっておいて、document.getElementByID(id)でobjectを取得してそれをいじくるというのが王道ですが、いじくる対象がイベントを発生させたobject自身しかないならIDは省略できるいうお話。 よくあるのは、 function foo(id){ // あるいは // function $(id){ return do... 続きを読む