Element: scrollIntoView() メソッド - Web API | MDN
Document Object ModelElementインスタンスプロパティariaAtomicariaAutoCompleteariaBrailleLabel (en-US)ariaBrailleRoleDescription (en-US)ariaBusyariaCheckedariaColCountariaColIndexariaColIndexText (en-US) Experimental ariaColSpanariaCurrentariaDescriptionariaDisabledariaExpandedariaHasPopupariaHiddenariaKeyShortcutsariaLabelariaLevelariaLiveariaModalariaMultiLineariaMultiSelectableariaOrientationariaPlaceholder
『jQuery で親フレーム子フレーム間の参照、操作【JavaScript】』
jQueryで親フレームと子フレーム間で関数の実行や要素の参照・設定を行うメモ。 本来はフレームなんか使わないでdiv要素なんかをゴッソリ変えるほうがスマートなんだけど 業務用しかも内容がたっぷりある場合はファイル自体が膨大になるし重くなる。 メンテも大変だしねｗ 当然PHPと非同期しまくりで内容によってはガリガリ動かすよりもフレームで切り替えたほうがヌルッと動く。 セキュリティや他の事情によりPHP側で出力を分けたいってときもある。 そんな時のために。（いいわけはこれぐらいでｗ） 子のnameやidで参照できるが、Firefoxではnameを設定していないと動作しない。 以下では子（インラインフレーム）のIDをchildframeとする。 jQuery1.4.4821145.1.712OKOKOKOKOK parent.html 親 <html> <script src="jquery-
DOMNodeInserted DOMNodeRemovedを使って、divとかformとかに子要素が追加されるとか、中身の一部が消されるときにイベントを発火させたい的なお話
とりあえずタイトルが長いけど、何がしたいかっていうとDOMの監視をしたいっていうこと。 divの中にimgが入ったとかpが入ったとか、formの中にinput hiddenが入ったとか消えたとか云々。 そういうときにフォームのサブミットボタンをアクティブにしたいとかっていう感じ。 で、それを実現するにはformだったら各フォームパーツのclickイベントとかの最後に処理を入れてみたりとか、 divだったらsetInterval使ってDOMの中身を監視するとかどうとか。 けどどっちもぶっちゃけ処理が多くなればなるほど面倒なことになってしまう。 特にフォーム関連なんてパーツが増えるたびに書かないといけないとか面倒ではある。 ってことでDOMNodeInsertedやDOMNodeRemovedっていうイベントを使ってその処理を書きましょう的な。 子要素に何か入ったとか消えたとかを監視したい 想
document.フォーム名.action－JavaScriptリファレンス
HTML + JavaScriptソース <script> <!-- function sample() { document.sampleform.action="sample/formresult.php"; document.sampleform.method="get"; } // --> </script> <form name="sampleform" onSubmit="sample()"> <input type="text" name="sampleinput" value="あいうえお"> <input type="submit" value="送信する"> </form>
DOM Events の「バブルアップ」の語源は MDN - @think49の日記
バブルアップの語源 DOM L2 Events には親要素にイベントが伝播していくイベントバブル動作(Event bubbling)があり、これを「バブルアップ」と解説されているサイトをたまに見ますが、語源はMDNにあったようです。 (英語版には "bubble up" とあり、翻訳により発生した語句ではないことがわかります。) 上記の例では、modifyText() が addEventListener() を用いて登録された click イベントのリスナーになっています。table 中のどこをクリックしても、そのハンドラまでバブルアップし、modifyText() が実行されます。 https://developer.mozilla.org/ja/DOM/element.addEventListener#.e4.be.8b DOM L2 Events では DOM L2 Events
ブラウザだけで Excel 向け日本語 CSV ファイルを作る方法 - do_aki's log
※ ただし IE を除く ブラウザで表示しているデータをCSV ファイルにしてダウンロードしたかったので調べてみると File API の Blob + createObjectURL でさくっとできるっぽい。 *1 だけど、日本語が utf8 になってしまう。 そのまま Excel で開くと文字化けてしまうので、どうしたもんかと悩んでいたら、 BOM をつければ 中身が utf8 でも開けるという情報を得たのでBOM 付きでダウンロードできるようにしてみました。というお話。 実際のHTMLは https://dl.dropbox.com/u/12062013/excel_csv/download.html で試せます。 (1) BOM の用意 数値のArray ([0xEF, 0xBB, 0xBF]) をそのまま Blob に渡すと数字文字列に変換 ("239,187,191")されて出
IE8 で実装された Selectors API とは何か？ - IT戦記
はじめに IE8 には Selectors API という新しい仕様が実装されました。 ということで、今後 DOM 操作 API の主流になるであろう Selectors API についてまとめておきます。 Selectors API が使えるブラウザ 2008 年 3 月 6 日現在の一覧 WebKit Build Archives | WebKit (開発版の Safari) Windows | Official Site for Microsoft Windows 10 Home & Pro OS, laptops, PCs, tablets & more (IE8 の Beta 版) Selectors API とは Selectors API とは W3C で定義された仕様です。詳細に関してはこちらをどうぞ 簡単に説明すると getElementsByTagName や getE
独自データ属性 - グローバル属性 - HTML5 タグリファレンス - HTML5.JP
3.2.5.9 data-* 属性を使った独自非表示データの組み込み 独自データ属性は、名前空間に属さない属性で、その名前は文字列 "data-" で始まり、ハイフンの後に少なくとも一文字が続きます。これは XML 互換で、ASCII 大文字 を含みません。 HTML ドキュメントの HTML 要素のすべての属性は自動的に小文字に変換されますので、ASCII 大文字に関する制約はこのようなドキュメントには影響を及ぼすことはありません。 独自データ属性は、適切な属性や要素がない場合に、ページやアプリケーションに固有の独自データを格納することを想定したものです。 これらの属性は、この属性を使うサイトと無関係のソフトウェアによる利用を想定していません。 例えば、音楽に関するサイトなら、各トラックの尺を含んだ独自データ属性を使って、アルバムのトラックを表すリスト項目を注記することができるでしょう。
C#でIEを自動制御しよう (7) フォーム（テキストボックス）に文字を入力する - ClockAhead 開発Blog
■フォーム（テキストボックス）に文字を入力する表示しているHTMLドキュメントの情報は、Documentプロパティで取得可能です。ただし、そのままではdynamic型になるため、VSの補完を有効にするために、利用する際には型を指定した方が良いように思います。下記では、as演算子でmshtml.IHTMLDocument3 に変換しています。 Documentプロパティ自体は、 IHTMLDocument, IHTMLDocument2, IHTMLDocument3の3つのインターフェースを実装しているため、必要なメソッドに応じてこれらのいずれかに変換すると良いです。個人的な感覚になりますが、IHTMLDocumentは機能がなさすぎて使い道なし、IHTMLDocument3は、DOMをゴリゴリ直接操作したい人向け、IHTMLDocument2は手軽にページの各要素を操作したい人向け(IH
eventオブジェクト（イベント情報の取得）｜イベント｜JavaScript/DOM｜PHP & JavaScript Room
<script type="text/javascript"> /* イベントの型を取得 */ function getEventType(event){ var frmObj=document.frmevent; frmObj.elements["txt"].value=event.type; } </script> <form action="#" name="frmevent"> <p><input type="text" onFocus="getEventType(event)" /></p> <p><input type="checkbox" onclick="getEventType(event)" /></p> <p><select onchange="getEventType(event)"> <option value="">▼選択してください</option> <opt
Document.cookie - Web API | MDN
Document Object ModelDocumentコンストラクターDocument()インスタンスプロパティactiveElementadoptedStyleSheets (en-US)alinkColor 非推奨 all 非推奨 anchors 非推奨 applets 非推奨 bgColor 非推奨 bodycharacterSetchildElementCountchildren (en-US)compatModecontentTypecookie currentScriptdefaultViewdesignModedirdoctypedocumentElementdocumentURIdomain 非推奨 embedsfeaturePolicy Experimental fgColor 非推奨 firstElementChild (en-US)fontsformsfragme
jQuery で select タグに option タグを追加する - Qiita
例えば <select class="my-select" multiple> という select タグに jQuery を使って option タグを追加してみます。 var characters = { yuno: 'ゆの', miyako: '宮子', sae: '沙英', hiro: 'ヒロ', nori: '乃莉', nazuna: 'なずな' }, $select = $('.my-select'), $option, isSelected; $.each(characters, function (value, name) { isSelected = (value === 'miyako' || value === 'nori'); $option = $('<option>') .val(value) .text(name) .prop('selected', isSe
プログラムでネットサーフィン
ExcelVBAやVB6やVisualStudio2003(.NET Framework1.1)までのWebBrowserコントロールは、COM版（ActiveX）のWebBrowserです。 VisualStudio2005(.NET Framework2.0)以降のWebBrowserコントロールは、COM版をラッパーしたマネージドのWebBrowserです。 .NET版WebBrowserは内部でCOM版WebBrowserを呼び出しているだけで、実態としては同じものを使っています。 ただ、.NET版WebBrowserはCOM版より用意されているメソッドが少なく、通常の方法ではCOM版の全メソッド・プロパティにはアクセスできません。 代用できるメソッドを使ったり、DomDocument／DomElementでアンマネージの処理を行う方法があります。 参考 WebBrowser クラ
DOMとは | IE操作の自動化
エクセルVBAで操作するDOM（Document Object Model）についてVBAのIE(InternetExplorer)制御で利用するDOMについて解説しています。 VBAのIE制御 まず「エレメントの基本操作」の前にWebページを操作する上でかかせないDOM(Document Object Model)について解説します。こちらはHTMLを操作する仕組みになりますので、しっかり理解しましょう。 目次DOM(Document Object Model)とはHTML(HyperText Markup Language)とはタグと要素(エレメント)の違いエクセルVBAでのIE操作の概要タイトルを取得する一番最初のpタグの要素情報を取得するid属性が「text」の要素から要素内容だけを取得するアンカーテキストが「VBAのIE制御サイト」のリンク要素をクリックするまとめDOM(Docu
window.onloadとjQueryの$(document).ready等の比較
Comparison of window.onload and jQuery's $(document).ready B! 39 0 0 0 JavaScriptでページを読み込み後に何かを行いたいときは window.onload = function()を使ったり、jQueryを使っていれば $(document).ready(function())を使ったりしますが、 これらはちょっと違うものです。 特にjQuery無しで$(document).ready(function)的な事をするのが ちょっと面倒ですがその辺について。 window.onload $(document).ready jQuery無しで$(document).readyな呼び出しをする onload時に行う物を複数登録する 実行される順序 window.onload window.onloadメソッドはonlo
selectorの存在確認に便利な`$(selector).exists()`を実装しておく - Qiita
jQuery.fn.exists = function(){return Boolean(this.length > 0);} 複数個生成したくないDOMを追加する際にvalidateするときとかに使う。 formがsubmitされた際のalert表示を複数個追加したくなかったので、こういうのほしかったのです。 サンプル jQuery.fn.exists = function(){return Boolean(this.length > 0);} // ＜中略＞ if ($(selector).exists()) { // selectorが既に存在してた場合の処理 } その他 追記1（2014/03/13 13:52） これ、以下でも実現できるし、意味的にはこっちの記述も良い気がするけど、いろいろと冗長... 処理的に冗長だし、条件によっては一部結果に不備が出るようです。詳細は以下のコメ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
.text() | jQuery API Documentation
JavaScriptで、html上のとあるclassを持つ要素を軒並み非表示にしたいとき - Qiita
jQueryでDOM要素を削除する：remove(), empty(), unwrap(), detach()
HTML DOM Form Object