はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ getElementById

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 9 / 9件)
 

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

2015/10/25 このエントリーをはてなブックマークに追加 53 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip アニメーション JavaScript デザインパターン 変色

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

東亜プラン CD-BOX(仮) » SweepRecord

2011/09/23 このエントリーをはてなブックマークに追加 22 users Instapaper Pocket Tweet Facebook Share Evernote Clip SweepRecord MENU function for

東亜プラン CD-BOX(仮) » SweepRecord sfHover = function() { var sfEls = document.getElementById("menu").getElementsByTagName("LI"); for (var i=0; i 続きを読む

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

2009/08/19 このエントリーをはてなブックマークに追加 405 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip ジェスチャ 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 Instapaper Pocket Tweet Facebook Share Evernote Clip DHTML Object JavaScript 王道 対象

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

 
(1 - 9 / 9件)