javascript

round-corner.js - 丸角ライブラリ

Nifty Corners: rounded corners without images By Alessandro Fulciniti を参考にやってみたら結構シンプルな作りでできるのねん。 Grazie così tanto! Alessandro. ポイントは window.onload = function() { RoundCorner.apply( "divClass1","divClass2",…

HTMLの生成

[JavaScript]HTMLを生成する サーバー側とクライアント側のHTML部分、またですが、コンセプトコードを書いてみました。HTMLを、こんな感じ、html(body({bgcolor:'gray'}))、に書きます。関数が要素、オブジェクトが属性、配列でこれらのまとまりも表せる、と…

FireBug

http://d.hatena.ne.jp/send/20060120/p2 こちらから知りました。すげいっす。XMLHttpRequestのログをとってくれるだけでもありがたいってのに、それを ・Text(responseText) ・XML(resposeXML) ・JS(XMLHttpRequestオブジェクトとそのプロパティをツリー状…

prototype.jsによるAjaxな動的なスクリプトのローディング

javascriptを書いているとjavaみたいにimport文が書けなくて不便、と常々思ってました。で、主に最速インタフェース研究会さんの ここを参考に、動的にjsファイルを読むクラスを作ってみました。http://joey.sourceforge.jp/brownie-2.0/js/core/brownie-scr…

prototype.jsのサンプル

なんかいいアイディア出ないかなーと思ってむやみにprototype.js(1.4.0)を使ってサンプルコードを書いてみた。テーブルの中のセル(ただのspanでもいいんだけど)をクリックすると、中身を編集できるようになるというもの。半年くらい前に誰かのブログで見た気…

Array.prototype.includeが遅い!

prototype-1.4.0.jsのArrayのあたりを読んでたら、どうもincludeに時間がかかりそうな予感がしたので、調べてみたら本当に遅かった。 include: function(object) { var found = false; this.each(function(value) { if (value == object) { found = true; th…

superなメソッドの呼び出し

prototype.jsに限った話じゃないけど、クラスを作ってoverrideしたいことが結構ある。 でも実はメソッド単位でoverrideしたいということに気付いて、こんなテストケースを書こうとした。 var classA = Class.create(); classA.prototype = { initialize: fun…

Tapestry JSCookMenu

The Tapestry JSCookMenu projectは10日(米国時間)、Tapestry JSCookMenuの最新版であるTapestry JSCookMenu 1.0を公開した。Tapestry JSCookMenu 1.0はJakarta Tapestryで動作するコンポーネントのひとつ。Jakarta Tapestryに対して階層化されたJavaScript…

no more Object.prototype.extend - prototype.js 1.4.0

■ prototype.js 1.4.0 リリース http://dev.conio.net/repos/prototype/dist/ 当たり前ですが相当不評だったのでしょう、Object.prototype.extendがなくなりました。これが原因でprototype.jsを使わないという選択をした人は結構いたと思うので、そういう方…

YAML

YAML is JSON なんかRubyとか勉強したいなーとか思って既に2年以上経ってるけど、まだ手を出してない思い切りの悪い僕。JSONでデータが書けると思うと、今度こそ踏ん切りをつけてやってみようと思う。 http://jp.rubyist.net/magazine/?0009-YAML

Venkmanがちょっと変

なんかちょっと変だ。現象としては、VenkmanをFirefoxのメニューのJavaScript Debuggerから起動して、すぐ閉じる。もう一回起動しようとすると起動しない。Firefoxのウィンドウを全部閉じてもfirefox.exeのプロセスが生きていて、それを終了すると起動できる…

Venkman発見

■(11/24b) Venkman for Firefox 1.5 Mozilla update では JavaScript Debugger という名で載っていますが元々有名な Venkman という Javascript デバガー、Mozilla update のは Firefox 1.5 に対応していませんが次のサイトから 1.5 対応版が出ています.ま…

Firefox 1.5 -> 1.0.7

結局JavaScript Debuggerがないとデバッグが面倒くさいので元に戻した。 僕がヘタレなだけだけど、JavaScriptコンソールや自作のロガーでは、自分が意識したとこしか情報が出ないわけで、一度に複数のオブジェクトの状態を調べようとするとその分コードが増…

JavaScript Console

JavaScript Consoleがいい感じになってる。cssのvalidationもしてくれるし。

Firefox1.5

正式版リリースと聞いて早速インストールしてみた。必要なaddonを入れていったら、一番重要かもしれないJavaScript Debuggerが1.5非対応だったことに気付いた。 作者のサイト http://www.hacksrus.com/~ginda/venkman/ を見ても最近全然リリースがない。うわ…

IEのメモリリーク

■ IEのJavaScriptは、DOMオブジェクトとの間で循環参照させるとメモリリークする http://p2b.jp/index.php?UID=1131336575 そうなんです。メモリリークするんです。これが判ったときに書いておけば良かったんだけど、DOMオブジェクトに手前のオブジェクトの…

script.aculo.usのBuilder

element = Builder.node( 'div',{id:'ghosttrain'}, [ Builder.node('div',{className:'controls',style:'font-size:11px'}, [ Builder.node('h1','Ghost Train'), "testtext", 2, 3, 4, Builder.node('ul',[ Builder.node('li',{className:'active', onclic…

script.aculo.us

その他のライブラリざっと俯瞰 scriptaculous.js * ライブラリをロードする他、他の外部ライブラリを動的に読み込ませることが出来る * Scriptaculous.require script.aculo.usは前から知ってたんだけど、ちゃんと見てなかったっす。jsonからdom作る機能ある…

HTA + Javaアプレットでも警告なし!

したがって、HTAは、クライアント マシン上のゾーン セキュリティ設定とは関わりなく組み込みの ActiveX® コントロールや Java アプレットを実行できます。こういったオブジェクトがダウンロードされ、HTA 内で実行されるときには、その前に警告メッセージは…

JSON-PC-JavaApplet

kazzzさんのご指摘で、ActiveXじゃなくてJavaアプレットの方が良さ気だと分かりました。ありがとうございます。 よくよく考えてみると、僕はアプレットをちゃんと作ったことがないことが判明。MS系とかだけじゃなくて、何にも知らなくて悲しい気持ちになって…

JSON-PC-ActiveX + Java ActiveX Bridge

まだちゃんとJScriptからのActiveXの呼び出しを試したわけじゃないので、おそらくオブジェクトをそのまま渡すのはできないという前提でのお話。JSON-RPC-Java(http://oss.metaparadigm.com/jsonrpc/)は、JSON形式の文字列で通信することで、サーバーのServle…

ActiveXにJSON形式のオブジェクト

JScriptで呼び出したActiveXオブジェクトに、JSON形式でよく書くようなツリー状のオブジェクトとかって渡せるのかな?渡せたら結構便利だと思うんだけど。なんか無理っぽいな。

cloneの超クールな実装

配列のクローンを作成するのには、実はもっとスマートで速い方法がある。 これに気付いたのは最近なんだけど。Array.prototype.clone = function(){ return Array.apply(null,this) } かっこいーっす。

JSON形式でHTMLのDOMツリーを書く

JSON形式でツリー状のオブジェクトとか書いていると、HTMLもこれでいいじゃんっていう気になった。例えばこんな感じ。 { tagName: "table", body: { tagName: "tbody", body: { tagName: "tr", style: "font-size:small", body: [ { tagName: "td", body: "…

Bindows

IT技術者の方、ちょっとこれ見てみてくださいよ‥。Bindows API Class Tree http://www.bindows.net/documentation/api/classtree.htmlもう脱帽。 というか、ここまで来ると狂気すら感じますね‥。 確かに。なんかものすごい勢いで作られている感じ。ClassBr…

Dojo Compressor Toolkit

Dojo Compressor Toolkit JavaScriptを短くするツール。

IEは悪くないと思うんだけど。

気になるのでもう少し調べました。 function logEvent( observingEventType, useCapture, event ) { var s = ""; s += " expectedType=" + observingEventType; s += " actualType=" + event.type; s += " useCapture=" + useCapture; s += " "; s += " keyC…

犯人はprototype.js

落ち着いて考えたらそんなわきゃねーと思いなおし、prototype.jsを見直してみたら、ちゃんと書いてありました。 observe: function(element, name, observer, useCapture) { var element = $(element); useCapture = useCapture || false; if (name == 'keyp…

IEマジっすか

window.onloadのハンドラを以下のように書き換えたらIEが衝撃の振る舞いをなさりました。 window.onload = function() { var observed = $("observed"); attachEvent(observed, "keypress", true); attachEvent(observed, "keypress", false); attachEvent(o…

キーイベントのメモ

IEとFirefoxのキー入力時の振る舞いが結構違うので少し調べてみた。 ? <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>イベントをトレース</title> </meta></head>