説明 フォームのSelectに関する情報を提供したり、Selectを操作したりするオブジェクト。 HTMLの「select」要素を設定した選択欄型のフォームを、JavaScriptのオブジェクトとして取り扱う。 Selectオブジェクトはさらにその中に、「option」要素を使って設定したフォームの選択項目を「options」配列として持っている。 Selectオブジェクトは、それ自体がFormオブジェクトのプロパティとなる。 (window.)document.formオブジェクト名.Selectオブジェクト名.プロパティ (window.)document.formオブジェクト名.Selectオブジェクト名.メソッド(引数) (window.)document.forms[インデックス].Selectオブジェクト名.プロパティ (window.)document.forms[インデック
先日、「JavaScriptのオブジェクトについて考察してみた - あと味」を書いてから、chikuraさんからコメントいただいたり、id:dankogaiさんから「404 Blog Not Found:javascript - にはクラスはない」という記事で言及いただいたり、JavaScript: The Good Partsを読み返したりした結果、newについて調べたいという衝動にかられましたので、その調べた結果を書いてみたいと思います。 newを調べようと思ったキッカケを整理 まずは、そのキッカケから整理します。 chikuraさんのコメントより 押さえるべきポイントは、new演算子の際に何が行われるか?だと思うので、こちらのページもぜひ読んでみてください。 JavaScript の new 演算子の意味: Days on the Moon http://nanto.asablo.j
GoogleがWeb全体のスピードアップにいよいよ本格的に着手, 一社だけではできないと強調 からリンクのあった、 http://code.google.com/intl/ja/speed/articles/optimizing-javascript.html が日本語かと思ったら日本語じゃなかった・・・・。 いやー、意外とというか文字列については、全然知らんかった。 Closureって便利だし、「おぉ〜俺って使ってるジャン」みたいな気になれるからついつい使っちゃうんだけど、高コストなのね・・・・。反省。 ということで、超適当翻訳。どっかの誰かが書いてるかも。 前おき 著者: Google Chromeのエンジニア Gregory Baker, Software Engineer on GMail & Erik Arvidsson 推奨される経験:JavaScriptの実践的な知識 クライ
#id ID名 #idは、ID属性名の頭に#を付けた、jQueryセレクタで、最も基本的なセレクタです。このID名にマッチする要素を検索し返します。 たとえば、簡単なサンプルを作ってみます。 my3の文字色が赤くなっていると思いますがコードは次のとおりです。 <div id="my1">my1</div> <div id="my2">my2</div> <div id="my3">my3</div> <script type="text/javascript"> jQuery(function($){ $("#my3").css("color","red"); }); </script> $("#my3")にマッチするID名のDOM要素のCSSのcolor(文字色)をred(赤)に変えているわけです。 ちなみに、jQuery(function($){ から });の部分は、以前の記事DOM
javascriptはFunction.prototypeに追加したメソッドで元の関数の挙動を変更することができる。 later 最速インターフェース研究会 :: Function.prototypeを拡張して遅延実行を実現する 関数の実行を指定時間後に行なう。 var func = function(v){alert(v)}; func.later(1000)("1秒後に警告"); func.later(2000)("2秒後に警告"); func.later(1000).later(2000)("3秒後に警告"); (function(v){alert(v);arguments.callee.later(1000)(v)}).later(1000)("1秒ごとに実行") callTimeout, callInterval Kazuho@Cybozu Labs: setTimeout をオ
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
先日の「HTMLの暴走(meltdown3)」においてJavaScript側で使った技の解説です。 通常JavaScriptで操作可能なHTMLの対象はタグ付けされた要素です。テキストであればPタグなどなんらかのタグで囲われた一連の文字列が対象になります。にもかかわらず「HTMLの暴走」では1文字ずつ操作しています。 どうやっているのか? 一文字ずつタグで囲ってるんです。実は。 例えば次の様に表示されている部分があったとします。 これを一文字ずつタグで囲った場合の状態を分かりやすく赤枠を付けると次の様になります。 こんな感じで一文字ずつタグ付けし、それぞれのタグの座標を計算して対応しているのです。 実際に使ったタグはSPANなどではなく、KZMというオレオレタグです。一般的なタグはデフォルトスタイルやCSSの影響がありえるため、適当なタグを作って対応しています。 HTML(XHTML)の定
はてブでreturnがなくなってるという指摘があったのでそれを修正した。 var Hook=function(){ var old; this.addHook=function(obj,method,before,after){ old=obj[method]; obj[method]=function(){ before&&before.apply(this,arguments); var ret=old.apply(this,arguments); after&&after.apply(this,arguments,ret); return ret; } } this.removeHook=function(obj,method){ obj[method]=old; } } var h=new Hook(); h.addHook(window,'confirm', function()
この問題がとてもおもしろかったので、 http://rssblog.blog81.fc2.com/blog-entry-31.html 僕もなんかおもしろいクイズないかなあと思って考えてみた。 で、 昔、中学の社会の先生が出したクイズを思い出したので出題してみる。 問題です。 ● ┃ ○ ● ○ 全員こっち向き→ ○:白い帽子を被った人 ●:赤い帽子を被った人 ┃:壁 赤白帽を被った四人の人が一列に並んでいます。 四人は交互に赤白赤白と帽子を被っています。 全員右方向を向いています。 自分より前の人の帽子の色は見えますが、後ろの人と自分の帽子の色は見えません。 左から一番目の人と二番めの人の間には壁があり、壁の向う側は見えません。 赤の帽子が二つ、白の帽子が二つあることは全員が知っています。 どのような順番で帽子が並んでいるかは誰も知りません。 このような状況で、以下のようなゲーム
Aptanaなら開発環境とクラウドの連携が超お手軽!:ユカイ、ツーカイ、カイハツ環境!(4)(1/4 ページ) 最近、「Amazon EC2」に始まり「Google App Engine」「Windows Azure」といったクラウドコンピューティングが注目を浴びており、IT関連のニュースでクラウドに関するニュースがない週はありません。クラウドコンピューティングに興味はなくても、Amazon EC2やGoogle App Engineという言葉は聞いたことがある方も多いと思います。 そんな中、本稿ではPHPとRuby on Rails(以下、Rails)、Java、サーバサイドJavaScriptエンジン「Aptana Jaxer」(さらに、Pythonも対応予定)に対応したクラウドサービスを提供する「Aptana Cloud」を利用して、PHPアプリケーションの作成と作成したアプリケーシ
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 現在位置を取得するときのの基準となる、ウィンドウ・サイズ、ドキュメント・サイズ、スクロール量を取得するJavascript。ブラウザ互換とかで割りと苦労しました。 スクロール量(横): スクロール量(縦): ウィンドウ・サイズ(横): ウィンドウ・サイズ(縦): ウィンドウの中央位置(横): ウィンドウの中央位置(縦): ドキュメント・サイズ(横): ドキュメント・サイズ(縦): 以下にソースを出します。 スクロール量を取得 function getScrollPosition() { var obj = new Object(); obj.x = document.
2009年02月25日17:30 カテゴリLightweight Languages javascript - eval(insecure.code).safely with(jail); //でもIEが きっかけは、これ。 JavaScript: The Good Parts Douglas Crockford / 水野貴明訳 [原著:JavaScript: The Good Parts] Twitter / javascripter: JSON.parseよりeval("(" + str ...JSON.parseよりeval("(" + str + ")")のほうが5〜10倍くらい早いけどなんなんだろう。 eval("(" + str + ")")のなにがまずいかは、「JavaScript: The Good Parts」を読んでいただくとして.... んじゃ、eval用のsandb
Tumblrが新しくなって、よく見ていた/show/quotes/by/everyoneがちゃんとページングされなくなって悲しいと思っていたらcxxさんがFix Tumblr Dashboard Pagination for Greasemonkeyというスクリプトを書いてくれていました。 しかし21世紀はじめの10年最後の2009年ももう終わろうとしているにも関わらず、未だにTumblr dashboard reblog 4点セットのAutoPagerizeとLDRizeとMiniBufferとreblogCommandの実行される順序をちゃんと覚えておかないといけないなんてローテクすぎる!という怒りにまかせて、順番に関係なく入れておけば動くように細工をしました。 AutoPagerize version 0.0.35~ LDRize version 2009.01.21~ Minibu
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く