Web標準化時代のJavaScript
【サンプル１】 ■HTMLファイル <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/javascript" src="test.js"></script> <title>Sample</title> </head> <body> <p>JavaScript Speed Test</p> <div id="outputArea"></div> </body> </html> ■スクリプトファイル (test.js) window.onload = function() { var num = 100000; srcT
jQueryでCSSをappendしようとしたらクラッシュしてハマった - こんにちはこんにちはmonmonです！
jQueryを利用してブックマークレットを作ってたのだけど、 Firefoxで上手くいって「さ、念のためIEもやるかぁ」みたいに確認してみたらクラッシュ。 何でエラー出てるのかわからず、あれ？あれ？ってなった。 で、確認していったらlinkタグをheadにappendする時にクラッシュすることが判明。 試してみたら以下の通り。 // linkだけ追加 OK $('<link/>') .appendTo('head'); // relを追加 OK $('<link/>') .attr('rel', 'stylesheet') .appendTo('head'); // typeを追加 OK $('<link/>') .attr('rel', 'stylesheet') .attr('type', 'text/css') .appendTo('head'); // 完全な形で追加 crash!
)
TextRange
TextRange 解説 HTMLエレメントの中のテキストを表す。 注意事項 このオブジェクトを使って、エレメント内のテキストの読み出しや変更、指定した文字列をテキスト内に置いたり、テキストの表示を変更するコマンドを実行することができる。 BODYエレメント、BUTTONエレメント、TEXTAREAエレメント、またはtextタイプのINPUTエレメントに対してcreateTextRangeメソッドを適用することにより、TextRangeオブジェクトを得ることができる。move、moveToElementText、findTextなどのメソッドを使って、TextRangeオブジェクトの先頭と末尾を移動させてその範囲を変更できる。TextRangeオブジェクト内でプレーンテキストやHTMLテキストを読み出しや変更が行える。これらのテキストの形はHTMLテキストがHTMLタグを含んでいるというこ
悲願のマイホーム大作戦 – 年収は少ないものの共働きでコツコツと節約を試み頭金を貯めマイホームをゲットする迄の奮戦記です
肌トラブルがでたときは、ベビーローションでしっかりと保湿し、次に「ルイボスティーパック」が良いと知りティッシュにルイボスティーをとにかくがぶ飲みして症状が改善されている為、随時変更する場合があります。 暇さえあればすぐに品切れになる場合があります。その際にご注文なさるかご検討ください。 まずはじめは、ベビーローションでしっかりと保湿し、次に「ルイボスティーパック」が良いと知りティッシュにルイボスティーを染み込ませて塗ってしっかり保湿が必要だということを知ったんですが、医師の言う通り、里帰り先の小児科にかかってね。 使う量が足りなかったようです。会員サイトの登録をご希望の方はこちらをご一読ください。 入荷待ちの場合、ご登録いただきますと、入荷時にご注文なさるかご検討ください。 入荷待ちの場合、「入荷お知らせ」ボタンが表示されたというものが多数。 パックするだけでなく、私もルイボスティーを染み
第9回 jQueryライブラリ (1962行目～2182行目) | gihyo.jp
今回も前回に引き続き、イベント処理に関する処理の説明になります。 jQuery.event.trigger() 1962: trigger: function(type, data, elem, donative, extra) { 1963: // Clone the incoming data, if any 1964: data = jQuery.makeArray(data || []); 1965: jQuery.event.trigger()メソッドは、イベントを実際に実行する処理です。第1引数typeには、"submit"や"click"などのイベントの種類を指定します。また、第2引数dataには、イベントハンドラに渡すデータを配列として指定します。第3引数elemは、イベントの動作対象となる要素です。第4引数donativeは、後ほど出てきますがブラウザのネイティブなイベン
jQueryプラグインの書き方を考えてみる(1)
更新履歴 2010-01-21 プラグイン定義方法については、約１年後に再考した下記エントリの方をお勧めします。 jQuery プラグインの定義パターンについて調べてみた - Cyokodog::Diary プラグイン API の定義パターンについて調べてみた - Cyokodog::Diary jQuery UI の プラグイン定義関数 $.widget を使ってみる - Cyokodog::Diary jQuery ライクなプラグイン API の定義方法を考えてみる - Cyokodog::Diary プラグインを書いてみる まずこのへんの記事を参考に、 jQueryは、プラグインで手軽に機能を実装できるのが特徴です。プラグイン・ディレクトリ（Plugins | jQuery Plugins）に沢山のプラグインが公開されていますが、作り方を調べてみたら、かなり簡単に自分でも作成できるよ
jQueryプラグインの書き方を考えてみる(2) - Cyokodog :: Diary
更新履歴 2010-01-21 プラグイン定義方法については、約１年後に再考した下記エントリの方をお勧めします。 jQuery プラグインの定義パターンについて調べてみた - Cyokodog::Diary プラグイン API の定義パターンについて調べてみた - Cyokodog::Diary jQuery UI の プラグイン定義関数 $.widget を使ってみる - Cyokodog::Diary jQuery ライクなプラグイン API の定義方法を考えてみる - Cyokodog::Diary jQuery 用にカスタマイズした myclass.js を使用して、プラグインの定義方法を考えてみます。 myclass.js による クラス定義 myclass.js を使用するとクラスベースな OOP な書き方ができます。 (function(target){ target.Sam
Reconstrukt.
Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /nfs/c12/h05/mnt/217481/domains/reconstrukt.com/html/core/modules/file/file.module on line 893 Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /nfs/c12/h05/mnt/217481/domains/reconstrukt.com/html/core/modules/file/file.module on line 899 Warning: "
ライブドアブログ｜無料で豊富な機能が充実
真面目でなくてもいいんです ワガママは言っていいんです 言いたいことはガツンと言っていいんです その言葉に責任を持っていれば その言葉が実力に変わっていきます
JavaScript Rangeの使い方 - とみぞーノート
DOM仕様書にこれらのプロパティについて図解入りで説明がありわかりやすい。 文字を選択した時に表1のプロパティがどのように変化するかを表示するサンプル。 http://www.bit-hive.com/~tomita/RangeDump/ JavaScriptのソースはhttp://www.bit-hive.com/~tomita/RangeDump/range.js 3. 現在の選択範囲の取得の仕方(IEの場合) IEのRangeオブジェクトにはテキストの選択範囲を表すTextRangeと画像などのコントロールオブジェクトの選択を表すControlRangeの2種類が存在する。 3.1 TextRange,ControlRangeの取得 IEの場合Selectionはdocument内に既にあるので以下のようにして取得できる。 var range = document.selection
JavaScriptのthisキーワードをちゃんと理解する - builder by ZDNet Japan
前回までのおさらいと今回のあらすじ 前回までの記事で、JavaScriptでオブジェクト指向を行うにあたって必要な知識を一通り網羅しました。その中で、オブジェクトに属する関数＝メソッドについても触れました。 今回は、オブジェクトやメソッドと深い関わりのあるキーワード、「this」について解説したいと思います。 thisキーワードについてきっちり理解する 「thisキーワードについてお話しする」と言いましたが、実はthisキーワードは連載中で既に触れています。連載第９回で、このように述べています。 「（thisキーワードは）実行中のコードが「自分自身」を表すオブジェクトにアクセスするためのキーワードです。」 「実行中のコード」とされているのは、関数（メソッド）などの実行可能なコードということです。つまり、thisキーワードはメソッドをメンバに含むオブジェクトを指す、と言って良いでしょう。 例
Redline Magezine：：YUI「Tabview」サンプルページ
これはYUIのtabviewのサンプルです。これはYUIのtabviewのサンプルです。これはYUIのtabviewのサンプルです。これはYUIのtabviewのサンプルです。これはYUIのtabviewのサンプルです。これはYUIのtabviewのサンプルです。これはYUIのtabviewのサンプルです。これはYUIのtabviewのサンプルです。これはYUIのtabviewのサンプルです。 head内のソース <link rel="stylesheet" type="text/css" href="../tabview/assets/tabview.css"> <link rel="stylesheet" type="text/css" href="../tabview/assets/border_tabs.css"> <script type="text/javascript" sr
【ハウツー】Yahoo! UI LibraryでさくっとAjax! (5) 楽々タブUI実装! - YUI:TabView | エンタープライズ | マイコミジャーナル
YUI:TabViewはローカルアプリケーションでよく採用されているタブUIをWebブラウザ上で実現するコンポーネント。今回のリリースであたらしく追加された機能だ。同コンポーネントを使用すればデベロッパは少しのJavaScriptコードとHTMLタグを書き足すだけで、簡単にタブUIを実装することができるようになる。タブUIをWebアプリケーションに実装することで、使い用によってはユーザの操作性を格段に向上させることができるだろう。 サンプルを動かしてみる 成果物に同梱されているサンプルをデプロイし、動作させてみた。実行結果は次のとおり。 図5 FreeBSD 6.2-PRERELEASE / Mozilla Firefox 2で/examples/tabview/basic_from_markup.htmlにアクセス 図6 Microsoft Windows XP SP2 / Micros
JavaScriptのイベントハンドラ説明
本気でやるならonclick属性は避けてライブラリを活用すべき - 帰ってきたHolyGrailとHoryGrailの区別がつかない日記 を読んで，思うところあって書いてみました（決してカウンターアーティクルではない）。 むかしむかし JavaScript を触っていた むかしむかしに書かれた JavaScript の本で勉強している／した 人向けに。大元記事（そろそろ本気で学びませんか？ | Think IT（シンクイット））の想定読者に近いかなと思います。よって以下は JavaScript の初学者にはまったくおすすめできない（余計な知識がついてしまう）です。 Step 1: はじめのいっぽ ボタンを押したらメッセージボックスが出現する HTML を書いてみます。 <html><body> <script type="text/javascript"> function ShowMes
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://trirand.com/jqgrid/jqgrid.html
Flexigrid
bug 411 - getElementsByName doesn't work in IE
bug 403 - another getElementsByName() bugs in IE
blogdeco.jp
Web/JavaScript 講習会 part.7 (this, スコープと環境、クロージャ）