JavaScript-XPath の jQuery 用のプラグインと Prototype.js 用のプラグインを公開しました - IT戦記
以下のサイトからダウンロードしてお使いください。 Prototype.js 用 http://coderepos.org/share/wiki/JavaScript-XPath/bindings/Prototype jQuery 用 http://coderepos.org/share/wiki/JavaScript-XPath/bindings/jQuery 使いにくいところがあれば すぐになおしますので、コメントやブックマークなどで教えていただければ嬉しいです。 他のライブラリのプラグインに関して そのうち、開発したいなあとは思っているのですが。 そのライブラリの空気感（コンセプト）を読めないと、なかなか使いやすいプラグインは書けないので時間がかかりそうです。 もし 誰か書いてくれる人がいればとてもありがたいなあ。。。とか思っています。 いませんよねいませんよね＞＜？ 「こんな、感じで
[ThinkIT] 第1回：Prototypeライブラリの内部 (1/2)
JavaScriptは絶え間ないポップアップウィンドウや迷惑なアニメーションに覆われた「失われた10年」を乗り越え、Ajaxというキラー技術を引っさげて、ついに復活を成し遂げつつあります。 世界中のエンジニア達がJavaScriptを利用したWebアプリケーションの開発に取り組み、毎日のように新しいライブラリやフレームワークが公開されるようになりました。公開されたコードの再利用により応用が広がり、さらに発展が加速している感があります。 ブラウザー上で誰でも手軽にソースコードを閲覧できるJavaScriptは元来、究極のオープンソース用プログラム言語であるとも言えます。本稿では、既存の人気ライブラリの内部構成を徹底解剖するとともに、オリジナルのJavaScriptライブラリを作成するテクニックをご紹介しましょう。 自作したJavaScriptプログラムを他の人にも利用しやすい形で公開すれば、
prototype.js でタブ切り替え - AUSGANG SOFT
たつをさんのCSS と JavaScript でタブ切り替えをprototype.jsを使って書き直しました。 極力、再利用が簡単になるようにしてみました。 ライセンスは本家の「無償・無保証・著作権放棄」に準じます。 ご自由にお使いください。 サンプルはこちらからダウンロードできます。 基本コードは以下のようになっています。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="tabMaker.js"></script> <link href="tabMaker.css" rel="stylesheet" type="text/css" /> <div id="tabContent"> <ul id="tabIndex"> <li class="tab
DEfusion.org.uk » JavaScript Image Cropper UI, using Prototype & script.aculo.us
JavaScript Image Cropper UI, using Prototype & script.aculo.us This is a page from my old blog This page was imported from my old Wordpress Blog (which I stopped updating in 2011) and are here mainly for posterity. Although I have tried to clean things up there will be broken links and potentially other issues. About The JavaScript image cropper UI allows the user to crop an image using an interfa
inforno :: 続Element.Methods。問題とちょっと改良
以前のエントリー でprototype.js1.5のElement.Methodsについて書きました。 前回はいいところをプッシュして書いたんですが、皆さんご存じの通り問題児でもあります。 Element.Methodsの問題点 elementを拡張するかしないかが選択できない。 プロトタイプチェーンがつながっていない。 document.createElementが考慮されていない。 ■elementを拡張するかしないかが選択できない。 まずわかりやすくこれから。elementは取得された時に拡張されるわけですが、当然パフォーマンスに影響があります。使いたくない人もいるでしょう。しかし、Element.extendによる拡張は$にも$$にも組み込まれていて選択できません。メソッドを置き換えて回避は可能ですが、組み込まれている、ということを考慮すると当然extendされている、ということを
mir.aculo.us JavaScript with Thomas Fuchs » Blog Archive » Prototype gets selector magic
January 18th, 2006 Sam Stephenson doesn’t stop to add new wonders to the Prototype JavaScript framework and the new $$ function that just got added to the Prototype SVN trunk is sure a fine example: Example: Find all <img> elements inside <p> elements with class “summary”, all inside the <div> with id “page” and hide each matched <img> tag: $$('div#page p.summary img').each(Element.hide); Great st
Prototype.js および Script.aculo.us をけっこう高速化する方法 - IT戦記
$A $A という関数を使うと、Array もどきオブジェクト(NodeList や Arguments など)を Array オブジェクト化することができる。便利だが、この関数を Enumerable インタフェースを実装するために使用するのは、あきらかにおかしい。 そこで、以下のようなものを定義してみる。 var $E = Enumerable.from = function(iterable) { iterable._each = Array.prototype._each; Object.extend(iterable, Enumerable); return iterable; };これを、 $A(〜).each とかしてるところに使う。 $E(〜).each こうする。 $E の実行速度は $A の 7 〜 4 倍です。 with(Element) effects.js の w
Kuro-san: 更新日誌: [JavaScript] 表の見出し行を固定する方法
近代妙好人伝関連年表を更新しました。 上下に長い表は、Excelでやるように、見出し行を固定して、中身だけをスクロールできると便利です。 以前は、表の見出し行を固定するために、フレームを使ったバージョンを別途作っていました。 しかし、Mozilla Firefox では CSS で tbody の overflow 属性を auto にすれば簡単にできることがわかりました。 ところが、IEではこの方法が使えないようです。ちょっと調べた結果、IEで見出し固定で表をスクロールするには というページに書かれている方法で、JavaScript を使えばIEでもなんとか見出し行固定を実現できることがわかりました。 JavaScript コードは prototype.js を利用して書きました。→ mnempu.js.txt ・本体の表を置く div 領域の上に、見出し行だけの表を置く div 領域を
川o・-・）＜2nd life - prototype.js with mousehweel event
http://rails2u.com/misc/wheel_event/ prototype.jsではイベントハンドラの登録をEvent.observeに追加することにより行えます。これはWinIEだとelement.attachEvent, Firefoxだとelement.addEventLisnerと登録用の関数が違う互換性を吸収してくれるので大変便利です。しかし、ホイールイベントは少々特殊なため、通常のEvent.observeでは上手く登録が行えません。 ホイールイベントをwebアプリケーションで上手く使うとユーザビリティの向上が見込める*1ので、簡単にホイールイベントを登録できるEvent.observeを作ってみました。上記URL先のwheel_event.jsをprototype.jsを読み込んだ後に読み込むことによって、mousewheelイベントを扱えるようになります。
prototype.js を使ったインクリメンタル・オート Selecter クラス
prototype.js を以前から使ってみたいと思っていたのですが、なかなか時間がとれなくて触ることができませんでしたが、必要に迫られて JavaScript のコーディングをすることになりました。良い機会なので prototype.js を使ってみることにしました。 今回の要件（前提条件）として、 リストボックス・リストボックス内のデータが数千件とあまりにも多くなってしまい、選択するにも何処に目的のデータがあるかわからないのを改善したい。 Ajax とかを使ってインクリメンタル検索を実装する暇もない。（他人が作った CGI をリファクタリングしたくない。） どうせなら、CGI は改良せず html-template の修正だけですませたい。 社内ツールってことで、ブラウザは IE と FireFox に限定できるので prototype.js とかで Web 2.0 的な記述OK。 と
ひげぽん OSとか作っちゃうかMona- - 実践 prototype.js [2]
id:higepon:20050831の続き 同じ .js ファイルの中で宣言の順番に気を使う。後方参照できない(?) この件は、id:kambaraと話していて解決というか納得した。 var Hoge = Class.create(); Hoge.prototype = (new HogeBase).extend ( { このようにクラスを”宣言”しているつもりになるのだが、良く考えるとこれは動的に上から下に実行されているため起こる問題だ。 JavaScript自身は後方参照できるが、prototype.js の仕組み上後方参照できないということ。 $関数 document.getElementByIdの代わりに使う。 厳密には $('hoge') だと たとえば <div id='hoge'> のオブジェクトが返る。 $('hoge', 'hige') だと、'hoge', 'hige
![ひげぽん OSとか作っちゃうかMona- - 実践 prototype.js [2]](https://cdn-ak-scissors.b.st-hatena.com/image/square/d696b69e45bd1035ce3767bd2030dae9e1b59a2b/height=288;version=1;width=512/https%3A%2F%2Fimages-fe.ssl-images-amazon.com%2Fimages%2FI%2F51AVWQQV2GL._SL160_.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blogus.xilinus.com/pages/javawin
mouse wheel event demo
11月11日の技術勉強会 - はてな技術発表会日記 - 機能変更、お知らせなど