このサイトについて jQueryの日本語リファレンスです。 jQueryの本家サイト(英文) の内容を翻訳して作成しています。 News 2012.10.13 サイトをオープンしました。 API APIのカテゴリー分けについては、本家サイトでは1つのAPIが複数のカテゴリーに所属していま... 続きを読む
ドットインストールの方でも紹介していますが、ざざっとまとめたくなったのでご紹介。 なお、ショートカットはMac用の表記なのでWinの方は適当に読み替えてくださいな。 ■ 全般 Developer Toolsを別ウィンドウ表示した状態でDeveloper Toolsを起動するとDevelo... 続きを読む
phpmaster | Server-Side HTML Handling Using phpQuery PHPでのスクレイピングやDOM操作をjQueryっぽく超簡単便利にできる「phpQuery」。 紹介記事を読んで使ってみました。 phpQuery はjQueryのPHP版でDOMの操作をjQueryっぽくできるライブラリです。 HTMLの... 続きを読む
HTML5 の Web Worker やら GPU でハードウェア・アクセラレートされる IE9 のレンダリングなど、今年もブラウザの進化が激しくなりそうですネ。一方でフロント・エンド改善によるページ表示の高速化 Tips や Hack も百花繚乱、出尽くした感がありますが、やはり... 続きを読む
node.jsでjQueryライブラリを読み込むと、jQueryが提供するメソッドを使えますが、さらに一歩進めたのがnodeQueryです。サーバサイドからクライアントサイドの描画を変更できたりしてとても面白い実装ができます。 0 続きを読む
DOM+XMLHttpRequestでHTMLの中に別のHTMLソースを読み込んでいたものに、 さらにJavaScript(document.write)を記述しようと試みたら、うまく表示されない。 単独のHTMLでは問題なく表示されるので、記述そのものの単純ミスではない。 検索で調べたところ、そ... 続きを読む
出典:日経ソフトウエア 2010年12月号 pp.16-19 (記事は執筆時の情報に基づいており、現在では異なる場合があります) Webブラウザとテキストエディタさえあれば、プログラミングして実行できるシンプルで手軽な言語――。それがJavaScriptが初めて登場してか... 続きを読む
親ノードの名前をダイアログで表示するサンプルです。 サンプルでは、ボタンのクリック時に<span>の親ノード<p>を調べて、そのノードの名前をダイアログに表示しています。 <p>たべてもたべても <span id="par_oya_1">ふとらない もの なあに?</span></p> <... 続きを読む
はじめに JavaScriptでDOMを使う。DOMはHTMLやXMLをスクリプトやプログラムで操作するのにとても便利な技術ですが、簡単なスクリプトくらい書けるからDOMにも挑戦してみようかな……とか思って挑戦しても、実際には、挫折する人が結構いるんじゃないでしょうか... 続きを読む
JavaScript を使用してドラッグ&ドロップのようなプログラムを作成する場合は、 座標計算のためにブラウザのスクロール量を知りたいことがあります。 このようなときに使えそうなプロパティとして、次の4つを見つけることが出来ました。 (とりあえず垂直スク... 続きを読む
DOMの仕様は同じ機能を実現するために複数のアプ ローチを用意しており、また、ブラウザ依存 の言い回しも世間では結構流通しています。そこで、 ためしに、 <div id="a">test</div> というタグの'id属性'にアクセスし、そのid名を取得す るという方法と動作す... 続きを読む
JavaScriptからHTML要素にアクセスする時はDOMを使用しますが、私自身がよく忘れるので、そこそこ使用頻度の高いメソッド・プロパティのプチリファレンスを書いておきたいと思います。 DocumentのメソッドElement createElement( tagName[string] )説明:新しい... 続きを読む
有限会社futomi 代表取締役。CGI/Perl総合サイト「futomi's CGI Cafe」(http://www.futomi.com/)を運営。ホスティング・サーバー(共用サーバー)でも利用できるウェブ・アプリケーションの独自開発・販売を手掛ける。主にPerlによるCGI制作が中心。主な著書は... 続きを読む
JavaScriptCoreの簡易リファレンス。Coreは要素を参照したり、相対位置から周りのノードを参照したり、要素を生成するといった部分。主に利用するであろうプロパティやメソッドはカバーしているつもりですけど、これも入れとけってのあったら教えてください。こ... 続きを読む
これでなくなった。 jQueryを使わない理由が。 DHTMLを利用する全ての人、必携。 特にHTMLやCSSを書いても、JavaScriptはそれほど書かない人。これであなたにも書けるようになります。 まえがき - John Resig はじめに jQueryの基礎 HTMLページでjQueryライブラ... 続きを読む
2009年03月07日 21:32 カテゴリプログラム・スクリプト JavaScript で、文字列の連結は "+=" が高速 Posted by jimuguri No Comments No Trackbacks ずいぶん前の記事だけど・・・ (via. マイコミジャーナル) JavaScript文字列処理は "+=" が十分高速、Safariも... 続きを読む
[関連ページ] JavaScriptの基本 変数、配列、繰り返し、関数、フォーム、イベントハンドラ、オブジェクト。 JavaScript応用1 DOMとstyleの変更。 JavaScriptのプログラム 学生向けにまとめたページ。 1 はじめに JavaScript応用1に続き、ホームページに動きを与... 続きを読む
それは何? prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去っ... 続きを読む
目次1.1.1. 序文1.1.2. 導入2. DOM オブジェクトリファレンス2.1.1. DOM document リファレンス2.1.2. DOM element リファレンス2.1.3. DOM event リファレンス2.1.4. DOM range リファレンス2.1.5. DOM selection リファレンス2.1.6. DOM style リファレンス2.... 続きを読む
The Internet Explorer Developer Toolbar provides several features for exploring and understanding Web pages. These features enable you to: Explore and modify the document object model (DOM) of a Web page. Locate and select specific elements o... 続きを読む
ブラウザだけでCSSレイアウトに対応したページをさくさく作ることができる『Drawter』 November 27, 2008 9:33 AM written by webmaster CSSとHTMLの知識は必須だが、慣れている人には超絶便利そうなツールのご紹介。 Drawterはブラウザ上でDOM要素を配置、さま... 続きを読む
2007年5月27日(日) 13時24分42秒 [装飾・内容変更] 特定の要素の中身をごっそり書き換える JavaScriptを使うと、特定のHTML要素の中身をごっそりまるごと動的に書き換えることができます。装飾を変更するレベルではなく、表示されている内容を何もかもまったく... 続きを読む