AngularJSでDOMの更新を監視する with iScroll4 - のらねこの気まま暮らし
iScrollをAngularJSと使いたい案件があったので、それを使うためにいろいろ調べた。 DOMを動かしてScroll position:fixed等、モバイルでは一部バグがあったり非サポートだったりして、その大体にiScrollやscrollerjs等といったライブラリを用いる。 これらはDOMをCSSとJSで動かしてあたかもスクロールしているかのように見せるライブラリだ。 いろいろライブラリがあるけれど、とりあえずiScroll4を使った。 一度使ったことがあったし、ng-iscrollも使っていたので。 ng-iScroll Angular x iScrollを使うとなった時、google先生に問うと真っ先にでてくるのだけど、個人的な都合で利用を避けた。 DOMの変更を監視 ng-iScrollのやり方に沿えば、実際iScroll自体は動いたのだけれど、そのままだと、Ajaxで
styleタグのCSSや外部CSSの値を取得 - 三等兵
当たり前ですが、 element.style.xxx で取得できるのは要素にstyle属性として指定されている値だけなので。たとえば、 // css #box { width: 100px; } //html <div id="box"></div> //js var element = document.getElementById('box'); var style = element.style.width; // empty これじゃもちろん取得できない。ではこういう場合でもwidthプロパティを取得したいってときはどうするかというと、 var element = document.getElementById('box'); var style = (element.currentStyle || document.defaultView.getComputedStyle(ele
Dynamic HTMLとXML：XMLHttpRequestオブジェクト
XMLデータとWebサービスの導入が広まるにつれ、HTMLの表示とXMLデータを直接結び付け、ページを再ロードせずに一時的な更新ができると便利だと思うことがあります。あまり知られていませんが、XMLHttpRequestというオブジェクトのおかげで、XMLデータの取得と送信をすべてバックグラウンドで実行できるWebクライアントが増えつつあります。取得したXMLデータを描画可能なHTMLコンテンツに変換するには、クライアント側でDOM (Document Object Model)を使ってXMLドキュメントノードツリーを読み取り、ユーザに表示されるHTML要素を作成します。 経緯およびサポート Microsoftが最初に、XMLHttpRequestオブジェクトをWindows版Internet Explorer 5にActiveXオブジェクトとして実装しました。Mozillaプロジェク
JavaScript/DOM DOMプロパティ | PHP & JavaScript Room
対象ノードがノードの場合にエレメントの属性リストを返し、ノードでない場合はNULLを返します。 特定のimg要素の属性取得 サンプルを見る<p><img src="./img/pic1-thumb.png" alt="Krispy Kreme Doughnuts" id="sweets" /></p> <form action="#"> <input type="button" value="属性取得" onclick="fGetAttributes()" /> <p id="resGetAttributes"></p> </form> <script type="text/javascript"> function fGetAttributes(){ var s=""; if(document.getElementById("sweets").attributes.l
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
