This shop will be powered by Are you the store owner? Log in here
This shop will be powered by Are you the store owner? Log in here
ユーザー設定関連の機能は _IG_Prefs クラスのメソッドとして実装されています。従って、使用する前に _IG_Prefs オブジェクトを作成する必要があります。基本的に以下のように記述するだけで OK です。 var prefs = new _IG_Prefs(__MODULE_ID__); __MODULE_ID__ はサーバーサイドで個々のガジェットの ID に置換されます。上記の行は完全に定型句として覚えてしまって問題ないと思います(ただし、 URL ガジェットは除く)。 このような手続きを踏むのは、おそらくインラインガジェットで対象となるガジェットを識別するためでしょう。インラインガジェットはすべて iGoogle のメインページ上で動作するので、どのガジェットからの呼び出しかを暗黙的に判断するのが難しいのだと思います。 _IG_Prefs には以下のメソッドがあります。 g
Javascript Toolkit Comparison - uPortal 3 - JA-SIG Wiki Javascriptフレームワーク比較チャート。 Prototype、Dojo、Mochikit、Yahoo UI Library、Google Web Toolkit 、jQueryというメジャーなフレームワークの比較図です。 Ajax、Drag&Drop、ビジュアルエフェクト、イベントハンドリング、Ajaxの戻るボタン対応など、機能が一発で比較できます。 →続きを見る 他にも、ドキュメントの豊富さや、開発コミュニティの充実度、ライセンスについても掲載されていて比較に便利。 自分の知らないフレームワークの特徴も大まかに分かるので参考にさせてもらいましょう。 関連エントリ 10個のPHPフレームワーク比較記事 Prototype.jsとjQueryのベンチマーク速度比較
Mini AjaxはAjaxライブラリの1つです。Mini Ajaxは非同期通信機能に特化した非常にコンパクトなライブラリです。Mini Ajaxにはバージョンがありませんが、都合によりここではversion 1.0としています。 version 1.0 リファレンス
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
MochiKit、マウスホイール JavaScript やっつけ。 Firefoxのみconnectを置き換えて、スクロール量を平均化するメソッドも追加して、 if(document.addEventListener){ connect = function(src, sig){ sig = sig=='onmousewheel' ? 'onDOMMouseScroll' : sig; return MochiKit.Signal.connect.apply(null, [].slice.apply(arguments)); } } function getWheelDelta(evt){ evt = evt.event(); return evt.wheelDelta ? evt.wheelDelta / 120 * (window.opera? 1 : -1) : evt.deta
バイナリアン度チェックの仕組み 先日公開した バイナリアン度チェックは JavaScript で実装されています。たいしたものではありませんが、ここではその仕組みを説明したいと思います。 JavaScript で診断テストを作る主なメリットは、ページ遷移なしでテンポよく採点ができること、サーバに負荷をかけないこと、です。 ページのソースを見るとわかるように、診断テストの部分はすべて http://0xcc.net/binhacks/quiz.js で行われています。 printQuestions() では document.write() で安易にHTMLを出力して問題を表示しています。問題は次のような JSON データです。 questions =[ { "question": "nmで表示されるシンボルの前の文字(シンボルクラス)として使われていないのはどれでしょうか?", "cand
MochiKit、Color、ブレンド JavaScript メモ。 色を混ぜて16進数文字列を調べたりするとき。 色を作って、 var red = Color.Color.fromHexString('#FF0000') var white = Color.Color.fromName('white'); var gold = Color.Color.fromName('gold'); 混ぜたり、明るくしたり、暗くして、#fffbe6みたいな文字列をとる。 white.blendedColor(gold, 0.1).toHexString() gold.darkerColorWithLevel(0.1) gold.lighterColorWithLevel(0.1) 上は、白に10%だけゴールドを混ぜたり、ゴールドの濃淡を調整してる。 jshでは、以下の後で補完して、名前リストから選んだ
JavaScript では単体の + 演算で数値化が行われる これを利用して数値っぽいか判定する関数を作ってみた。 このオブジェクト数値っぽい? function isNumber(a) { return +a == a } こんな感じで使う isNumber(true); // true (true は 1 として扱うことができるから) isNumber(false); // true (false は 2 として扱うことができるから) isNumber("1e1"); // true (数値に変換可能な文字列) isNumber("hoge"); // false (数値に変換不可能な文字列) isNumber({toString: function(){return "1"}}); // true (数値に変換可能なオブジェクト) isNumber({}); // false (数値
GoogleはAjax Webアプリケーションを開発するためのツールキットとしてGoogle Web Toolkit(以降、GWT)を公開している。これはJavaでアプリケーションを開発し、成果物をJavaScriptとHTMLに変換してWebアプリケーションとして使うというもの。JavaプログラミングのみでAjaxアプリケーションを開発できることから、今後の展開が期待されている。 GWTの登場を知って多くのJavaデベロッパはまた便利なWebアプリケーションフレームワークがあらわれたと感じただろう。一方、Javaを使わないデベロッパなぜ◯◯言語じゃなかったのか -- ◯◯には自分の使っているプログラミング言語、PHPやRuby、Perlなど -- と思ったのではないだろうか? pyjamasは◯◯の部分にPythonをあてはめたデベロッパのためのフレームワークだ。GWTと同じことをJav
Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. JSON (JavaScript Object Notation) is a lightweight data-interchange format. CSS may easily be expressed in JSON notation (CSS JSON). CSS JSON is a powerful and flexible approach allowing for inheritance and logical constructs within CSS. CSS JSON Structure { "selector-1":{ "property-
MochiKit.Animator 0.9.2 Demos/Testbed MochiKit.Animator is an enhanced*, fully vectorized implementation of Bernard Sumption's animator.js. It eschews the use of classes and instead uses composition to build complex effects in one or two lines of code. The idea is to have everything work "right". This means not having to specify start values, maximum efficiency during playback, and clean, automati
http://d.hatena.ne.jp/brazil/20061105/1162722198 http://rails.office.drecom.jp/takiuchi/archive/100 の中で記述されているscript要素にinnerHTML突っ込んでもうまく作動しない件。僕のIE6でもできないのでMSの月例更新で仕様変更になったのかと勝手に想像しています。ただその代替手段として...以下のようにtextプロパティを利用できます。既存のscript要素にtext設定しただけでalertされます。…これってXMLHttpRequestした後にeval必要ないですね。 <script id="foo"></script> <script> foo.text = "alert(1)"; foo.text = "alert(2)"; </script>innerHTMLはMSIEの独
The Mad4Milk teamは3日(米国時間)、moo.fxの最新版となるmoo.fx version 2.0(以降、moo.fx2)を公開した。moo.fx2は超軽量のJavaScriptエフェクトライブラリ。mootoolsの一環として開発されているが、prototypeとともに動作するようにも作成されている。prototypeは"Ajaxian.com 2006 Survey Results"調査結果において43%の支持を得ている1番人気のAjaxフレームワーク。moo.fxは11%の支持を得て5位にランクインしている同じく人気のあるJavaScriptエフェクトライブラリ。 同チームは9月11日(米国時間)、JavaScriptライブラリ集であるmootoolsを公開。moo.fxとmootoolsはときに同じ意味として使われるが、moo.fxはより細かい成果物の名称として、
文書の URI の後に #foo などの識別子(id)をつけたアンカーから、その文書内の当該箇所へジャンプできるのは周知の通り。ただ、スクロールもせずに移動するんで、閲覧者が一瞬戸惑ったりるすわけで、CSS3 では、そのターゲットとなる要素をハイライト表示させたりすることが可能な :target 疑似クラスってのが用意されている。現在、:target 疑似クラスに対応しているブラウザは、Firefox などの Gecko 系と Safari、Konqueror とか。IE や Opera は未対応。 Selectors 6.6.2. The target pseudo-class :target そんな :target 疑似クラスを利用して、文書下部に用意した脚注を動的に表示させてみるの試み。ちなみに、サンプルは未対応な IE でも再現できるように、Suckerfish :target |
前回の「CSS3 の target 疑似クラスで脚注を動的に表示する」に引き続き、:target 疑似クラスを使ってスライドショーみたいなんを作ってみた。ひとつの HTML 文書なんだけど、画面が切り替わっていくかのように見せる。ピュア CSS とか言いつつも、前回同様、:target 疑似クラスに未対応な IE でも動くように JavaScript を使っている。純粋に CSS のみで動くのは、Firefox、Safari あたり。Opera は動かない。 ピュアCSS なプレゼン用スライドショー サンプル <div id="section-01" class="section"> <!-- 1ページ目 --> … </div> <div id="section-02" class="section"> <!-- 2ページ目 --> … </div> <div id="section-0
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く