Editable JavaScript TreeGrid Editable JavaScript TreeGrid Javascriptで作成された高機能なJavascriptツリーグリッドコンポーネント。 セルの内容をその場で編集できたり、ドラッグ&ドロップで移動できたりと、結構すごいです。 コンポーネント化されていてJavascriptのコードを書かずとも簡単に使えるようです。 データの入出力フォーマットはXMLっぽいです。 これを使ってオンライン上のエクセルっぽいものも作れそうですね。
Editable JavaScript TreeGrid Editable JavaScript TreeGrid Javascriptで作成された高機能なJavascriptツリーグリッドコンポーネント。 セルの内容をその場で編集できたり、ドラッグ&ドロップで移動できたりと、結構すごいです。 コンポーネント化されていてJavascriptのコードを書かずとも簡単に使えるようです。 データの入出力フォーマットはXMLっぽいです。 これを使ってオンライン上のエクセルっぽいものも作れそうですね。
サイトのパフォーマンス向上をアドバイスしてくれるFirefox拡張「YSlow f... 次の記事 ≫:フォント埋め込み機能を備えたPDF作成ソフト「PrimoPDF」v3.1の日本語版... 高機能な JavaScript 圧縮ツール「jsjuicer」 - WebOS Goodies 私も Infosketch を公開する際にいろいろ試しまして、本日ご紹介する jsjuicer を使うことにしました 高機能JavaScript圧縮ツール「jsjuicer」の紹介記事。 インストールから細かな利用法までを紹介されてます。 jsJuicer以外にも、以下のようなものも存在します。 GUI/コマンドラインツール ObfuscateJS - JAVAで書かれたGUI画面で難読化。改行/タブ除去の他変数名変更 Dojo compressor - JAVAで動作するコマンドラインツール。スペース等
This is a fun effect I built for Chowhound that does one better for mouseovers. The problem with most menu systems is that they’re really touchy whether you’re too fast or slow with the mouse. The trick is to use a timeout with the effect, so it will wait a fraction of a second to pop-up, and a fraction of a second to go away…just enough to make the effect feel solid and not finicky. I won’t take
r.schuil - Ajax.RssReader The Ajax.RssReader class allows fetching and parsing RSS feeds in Javascript prototype.jsをベースにしたRSSリーダークラス。 次のようにして簡単に使える模様。 function myCallback( rss ) { alert(rss.channel.title); for(var n=0; n<rss.items.length; n++) { alert(rss.items[n].title); } } function errorHandler( rss ) { alert('An error has occured'); } new Ajax.RssReader( 'test.xml', { onSuccess: myCallback, on
連休中にJSONの書き方についていろいろ考えてみたので、まとめてみたいと思います。 基本 JSONについての基本的なことは他サイトに任せるとして、、簡単にいうとJavaScriptの書式を利用したデータ記述フォーマットです。 基本的にはこのようなテキストファイルを用意して、 [ 'text', 'hoge', 'fuga' ]; XMLHttpRequestなどで取得し、次のようにして利用します。(取得したテキストデータはjsonTextに入っているとする) var jsonData = eval(jsonText); これで、jsonDataは['text','hoge','fuga']の配列になります。 ちなみに、 eval('var jsonData = ' + jsonText); とすることもあります。この2つには違いがあり、 var a = eval('var b = ' +
XMLHttpRequestを使用するとサーバに対する非同期リクエストを行うことができます。 最近巷で話題のAjaxで使われている技術の1つです。 自分でAjaxのコードを書いていた時に、いろいろ調べた結果のメモをまとめておきます。 1. XMLHttpRequestのオブジェクトの生成について ブラウザやそのバージョンによってオブジェクト生成方法が違うので http://web.paulownia.jp/script/xmlhttp2.html にあるように、違いを吸収したfunctionを用意すると良い。 2. ReadyStateのハンドリング xmlhttp.readyState == 4 && xmlhttp.status == 200 をもって正常レスポンスと判断している場合が多いようですが、Firefox では後述のバグ?によるエラーが発生します。 なので、xmlhttp.s
Ajaxの登場は、JavaScriptと言う言語にとって凄まじい変革をもたらしました。 それまでは、Webページに多少の動きを持たせて利便性を向上する、といった程度でしか認知されていなかったJavaScriptですが、今やそうではありません。次のような理由から、ブラウザ上で動作するリッチクライアントを作成するための、最も一般的な言語として捉えられています。 主要なブラウザのほぼ全てが標準でサポートし、しかも最初から有効になっている 厳しいセキュリティの下で動作するため、ユーザにとって安全 簡潔で柔軟な言語仕様により、短いコードで多くを実現できるうえ、可読性も高い フレームワークの整備による生産性の劇的な向上 非常に長い歴史を持つ技術であり、開発者の人口が非常に多い しかし、近年におけるJavaScriptの変化は目覚ましいものがあります。筆者自身のJavaScriptコードを見ても、この数
ブロックレベル要素の高さを揃えるheightLine.js[to-R]を見て不満に思ったのは、高さを揃える要素を取得するために固定のclass名を使っていることでした。これだと既存のHTML文書に適用するためには、script要素を加えるだけでなく、それ用のclass名も書き加えなければなりません。どうせJavaScriptを使うのであれば、既存のHTMLの構造を生かしつつスクリプト側で目的の要素を取得できたほうがいいのではと思いました。 というわけでまたも自分なりに書き換えてみるシリーズなのですが、今回は要素取得の柔軟さに着目してjQueryを使ってみることにしました。 できたものは以下です。 jquery.flatheights.js 動作サンプル jQueryの$関数ではCSSセレクタの書式で要素を取得できるので、例えば「"box1"というclass名を持つ要素」を集めるのであれば
ウィンドウサイズよりも大きな画像を表示した際に、画像の拡大ができます。 表示画像のサイズと表示位置がリアルタイムでウィンドウサイズに追従します。 効果画像を貼付けることができます。 マウスホイールで画像の拡大率を変更することができます。 拡大した画像はマウスでドラッグできます。 設置方法は Lightbox JS とほとんど同じです。 html ヘッダに lightbox_plus.js を追記します。 <script type="text/javascript" src="lightbox_plus.js"></script> Lightbox を有効にする全てのリンクに rel="lightbox" 属性を追記します。 ver 20090707 より spica.js が不要になりました。lightbox_plus.js に全ての内容が記述されています。 "lightbox_plus.
Q - なぜ、全国地図にしないのですか? 4つほど理由があります。 ポップアップが場所をとりすぎるから 現在、地図部分は185x120pxにおさめていますが、標準的なモニタ解像度ではこの辺が限界です。 キーボード操作時の押下回数を減らすため jsmapがフォーカスするのはSugarCRMなどのWEBアプリです。使い切りのWEBフォームと違い、慣れによるスピードアップが望めるUIである必要があります。 多言語対応のため 日本は47都道府県なので、かろうじて可能だと思う方もいるかもしれませんが、これがイギリス(現在製作中)とかでは100を超えます。 認知的限界のため これも重要。ぱっと見て探せる数というのは、15や20がせいぜいです。 ただ、上記の話とは別に、地方選択用の全国図はあってもいいと考えていますので、それは将来のバージョンで。 Q - 地図はもっと詳細化/単純化しないのですか? 詳細
vivalogoのエントリー「33のJavaScriptとFlashの最も美しいギャラリー」から、いくつか画像ギャラリーを紹介します。 33 Most Beautiful Javascript and Flash Galleries JavaScriptで実装する画像ギャラリー
JavaScriptが多用されるになっているが、そのために肥大化する傾向にある。特に共通ライブラリ系は相当重たくなっており、ブラウザへの負担が大きくなっている。そのためにサイズを減らすべく使われているのが難読化処理だ。 見づらい… 変数名を短い単語に置き換え、余計な改行やコメント、空白を省いていく。開発は通常のソースで行い、配布は難読化処理を行ったものを利用する。だが、利用者側は問題が起きた時に情報が得づらくなってしまう。そこでこれを使ってみよう。 今回紹介するオープンソース・ソフトウェアはJsDecoder、難読化の逆処理を行うソフトウェアだ。 JsDecoderは難読化処理されたJavaScriptを逆に見やすくするソフトウェアだ。;で区切り、適切なインデントを行い、さらにハイライト処理を行ってくれる。もちろん、変数名が変わる訳ではないが、これでも随分見やすくなるだろう。 見やすい!
適当に XPath を試したい時に 以下のようにすれば、簡単に XPath をためせます。 document.evaluate( '//div[@class="hoge"]', // XPath 式 document, // 基準となるノード(要素とか null, // 名前空間の解決方法(適当にやるときは null 6, // 取得する形式の指定(適当にやるときは 6 null // 結果を再利用するかどうか(適当にやるときは null ); 簡単ですね。 document.evaluate、式、ドキュメント、ヌル、6、ヌル。 覚えましたか? でも、これを Firebug で実行するとこうなっちゃいます。 うーん。これではどの要素が選択されたかわかりません>< 不便ですねー。 というわけで、以下のブックマークレットを実行してあげてください。 javascript:void(XPathRe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く