[ThinkIT] 第6回：DOMの拡張（前編） (1/2)
Prototype.jsには、HTML要素（以下、単に要素）を取得するための2つの関数があります。それは、$関数と$$関数です。ここでは、この2つの関数を中心に話を進めていきます。 $関数は、idから要素を取得する関数です。一般的にJavaScriptで要素を取得するには、document.getElementByIdを使います。このメソッドは非常によく使われるわりに名前が長いため、コードが繁雑になってしまう傾向があります。そこで、Prototype.jsでは$関数を使います。$関数によってコードは、非常にシンプルになります。 例えば、ある要素の内容を書き換えるだけのコードならば、リスト19のように書くことができます。 リスト19：$関数でDOMの要素を書き換える <div id="target"></div> <script type="text/javascript"> var ele
[ThinkIT] 第4回：Windows Liveで見せるMicrosoftの懐の深さ (1/4)
奇異に思われるかもしれないが、実は「Ajaxの生みの親」は誰かという問い掛けに応えるのは難しい。 なぜかといえば、「Ajaxに使われる主要な技術を整備した者」と「現在Ajaxと呼ばれるサービスを作り出した者」、そして「Ajaxという名前を付けた者」はすべて異なっているからである。 具体的にいえば、最初の者はMicrosoft、2番目の者はGoogle、そして3番目の者はJesse James Garrett氏とみることができる。GoogleをAjaxの生みの親である、という立場を取っているケースが一般的だと思われるが、Googleだけですべてを作り上げたわけではないのも事実である。 一方Microsoftは、Googleを追い上げる形でAjaxに参入した後発の企業、というイメージで受け止められているが、見ての通りGoogleに先んじてAjaxに使われる技術を整備した元祖的な立場である。ここ
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
JavaScriptの独自右クリックメニューについて - spiritlooseのはてなダイアリー
この前のやつ、やっぱり独自右クリックメニューはどうも、、、という方がかなりいらっしゃいますね。 http://b.hatena.ne.jp/entry/http://d.hatena.ne.jp/spiritloose/20070226/1172458458 http://del.icio.us/url/a6a762c5c08a6984df69f9d022c35312 http://clip.livedoor.com/page/http://d.hatena.ne.jp/spiritloose/20070226/1172458458 言いたいことはこの前のでほとんどなんだけど、せっかくなのでもうちょっと書いてみる。 基本的には言いたいことは前回の なんでこんなもん作ったかって言うと、Webアプリはそろそろ独自右クリックメニューは許されてもいいかなぁと思ったので。 その辺のサイトでやられると
秋元@サイボウズラボ・プログラマー・ブログ: Yahoo UIライブラリの各ファイルがYahooから直接ホストされるように
via Yahoo! User Interface Blog Ajaxパーツやページデザイン/レイアウト支援のYahoo! UI ライブラリの各ファイルが、Yahooのサーバから直接提供されるようになったという発表があった。(←リンク先には各ファイルのURLも載っている) YUIに含まれるCSS, Javascript, 画像ファイルについて、直接 yahooapi.com サーバにあるものを指して使っていいということ。(従来通り、ダウンロードしてローカルのサーバに置くことももちろん可能) つまり、YUIのファイルを改変したりせずそのまま使ったネットサービスを作った場合、これらのファイルを自分のサーバでホストしなくていい、ということになる。 yahooapi.com にはYahooの分散システムが適用されているので、ファイルの取得はネットワーク的に近いサーバから行なわれるということだ。自前
A library of DHTML and Ajax scripts - DHTMLgoodies.com
- March, 28th, 2017: DHTML Chess for WordPress. DHTML Chess is now available as a WordPress plugin in a free and PRO version. Learn more. - January, 16th, 2017: LudoJS Progress Bar. Samples of progress bars in the LudoJS Javascript framework on my site ludojs.com. - January, 13th, 2017: DHTML Chess 3.0. The new DHTML Chess 3 has been ported to jQuery. New demos are also available. The home of DHTM
MiniAjax, Le meilleur de la banque en ligne – On code des billets ici!
La présence de pesticides dans l’eau est un problème de santé publique majeur. Ces substances chimiques, utilisées en agriculture pour protéger les cultures, peuvent se retrouver dans les nappes phréatiques et les cours d’eau, contaminant ainsi l’eau que nous buvons. Les dangers des pesticides pour la santé Les pesticides sont suspectés d’avoir des effets néfastes sur la santé, même à faibles dose
[ThinkIT] 第1回：マイクロソフトキーマンが語る 〜ASP.NET AJAXはこうしてうまれた (2/3)
— 製品としてはやはり統一感がメリットになるのでしょうか 鈴木氏 まさにそうですね。サーバとクライアントでプログラミングモデルを共通化できるということには大きなメリットがあります。なぜなら、通信するデータのフォーマットなど考えなくてもよいからです。 これはソースコードを簡略化させ、開発効率を大きく向上させます。 また、ASP.NETを用いた既存のページ組み込みやすいというメリットもあります。ASP.NET AJAXはライブラリ化されており、それを組み込むだけで動作するからです。 — ASP.NET AJAXには、Microsoft AJAX Library、ASP.NET 2.0 AJAX Extensions、AJAX Control Toolkitの3つが含まれていますが、それぞれどのような役割をするのでしょうか 鈴木氏 AJAX LibraryはJavaScriptのライブラリで、W
JavaScriptでの独自右クリックメニューライブラリ作った - spiritlooseのはてなダイアリー
さて、たまにはJavaScriptでも。 JavaScriptで独自の右クリックメニューを簡単に使うライブラリ作った。 http://spiritloose.net/misc/popupmenu/ デザインはlivedoor Readerから頂きました。 var popup = new PopupMenu(); popup.add('メニューに表示するテキスト', function(target){ // なんか処理 }); popup.addSeparator(); // セパレータ追加 popup.bind('targetElement'); popup.bind(); // document がターゲット こんな感じで使える。 jsファイルひとつでよくて、メニューのHTML書く必要はない。スクリプトのみでOK。 CSSファイルとか、他のライブラリとかも不要。 その分デザイン変えるため
[ThinkIT] 第1回：Prototype.jsを使う準備 (1/2)
筆者がPrototype.jsに初めて出会ったのは、2005年9月ごろだったと思います。この頃、オブジェクト指向JavaScriptはまだまだ黎明期で、オブジェクト指向の書き方もさまざまな我流が存在していたことを覚えています。 もちろん、筆者も我流のオブジェクト指向で書いていました。しかし、すべてのエンジニアが我流の書き方をしていては、JavaScriptのオブジェクト指向は普及しません。 そんな時にさまざまなブログで取り上げられ始めたのがPrototype.jsでした。Prototype.jsにはクラスを定義するという機能があり、すべてのエンジニアが同じ方法でクラスを定義できるのです。それは、大きなインパクトでした。しかし、その当時Prototype.jsにはまとまったドキュメントが無く、目利きのJavaScripterたちはこぞってソースを読んでいました。 そして、そのことが図らずとも
Prototype Window Class : Download
Download Current version (1.3) get it now! ( Version feed) If you want to support my work ;-) Mailing List And Forum There is a new forum for asking questions, bugs, tips, feature requests.. Try to use is instead of the old mailing-list Versions 04/24/07 V 1.3 Added: getTitle Added: blur/focus function on Windows module Added: onBlur event Fixed: WindowCloseKey works with URL content (iframe)
JavaScript用ヒアドキュメントライブラリを試作
ちょっと工夫して、下のようなヒアドキュメント・ライブラリを作ってみました。 一応、Windows XP 上の IE6 SP2、Firefox 2.0.0.1、Opera 9.10 でサンプルは動作するようです。 var hdocLists = new Array() ; function hdocInit( tgt ) { if ( !tgt ) tgt = location.href ; for (;;) { var xmlHttpObj = null ; if ( typeof ActiveXObject != "undefined" ) { var msXml = [ 'Msxml2.XMLHTTP', 'Microsoft.XMLHTTP' ] ; for ( var ci=0; ci < msXml.length; ci++ ) { xmlHttpObj = new Act
Collection & Copy - ヒアドキュメント、IE専用、コメント
JavaScript function hdoc(){ return arguments.callee.caller.toString().match(/hdoc\(\/\*(([\n\r]|.)+)\*\/\)/m)[1]; } function hdocTest(){ var message = hdoc(/* Peter Piper picked a peck of pickled peppers; A peck of pickled peppers Peter Piper picked. If Peter Piper picked a peck of pickled peppers, Where's the peck of pickled peppers Peter Piper picked? */); alert(message); } 関連リンクCollection & C
Collection & Copy - ヒアドキュメント、E4X
JavaScript var sql = SELECT * FROM EMP alert(sql); alert(<> AB CD ); 関連リンクCollection & Copy - ヒアドキュメント、IE専用、コメントCollection & Copy - GM_addStyle、E4XJSAN - Test.Base 0.13
JavaScriptでsleepの実装を試みる
『ぼくはまちちゃん！(Hatena) - デブサミ』というところで、 JavaScriptで、sleep という話が出ているのを見かけ、そういえば1年程前のJavaScript触りはじめの頃に私も調べたなぁ……と懐かしく思い出されました……けれども、あれ、結局方法見付けたんだっけ？ 確か、setTimeout()を駆使して実装している例を見つけた記憶があるのですが(当時はさっぱりわからなかった)、いま検索してもそれらしいのが見当たらない……。
Ajaxをブラウザ上で開発できるオープンソース「TIBCO General Interface」：CodeZine
「TIBCO General Interface 3.3 Professional Edition」は、AjaxなどのJavaScript開発をブラウザ上で行えるツールだ。そして開発環境までもがAjaxで動作する。オープンソースなので、同社デベロッパーサイトから無償でダウンロードできる。ライセンスはBSD License。 ダウンロードしたファイルを解凍し、適当なフォルダに配置したあと、ブラウザから「GI_Builder.html」にアクセスすることで起動できる。開発環境はVisual Studio風で、GUIによるコンポーネントの配置もできる。JavaScriptのデバッグもできるため、Ajaxを使わないJavaScriptアプリケーションの開発にも利用することができる。
Dynamic Drive DHTML Scripts- WinXP Progress Bar
Description: A great looking pure DHTML progress bar that resembles the one seen in Window XP's startup screen. All visual aspects of the bar can be customized, and the script can be invoked multiple times to display multiple bars on the same page. Script works in both IE5+ and NS6+. Note that this script by default doesn't perform any action other than animating the progress bar. It's up to you t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[ThinkIT] 第4回：Windows Liveで見せるMicrosoftの懐の深さ (3/4)
http://pamgau.net/item/383
GitHub - cemerick/jsdifflib: A javascript library for diffing text and generating corresponding HTML views
