var h; $(function(){ init(); h = $('#extra').height(); $('#extra').css('height',0); $('.quiz dd').hide(); $('.quiz dt').click(function(){ $(this).next('dd').slideDown(); return false; }); }); function init(){ $(window).scroll(function(){ var ... 続きを読む
javascriptid:cheesepie:20070131:1170172709最近は、こういう風に JavaScript を勉強する人が増えていてとても嬉しいです ^^ id:cheesepie さん頑張ってください!で、ちょっと配列と連想配列の使いかたが違うようなので、エントリーを書こうと思いました。... 続きを読む
JavaScriptクロージャを完全理解!スコープチェインを知る(後編) 今回はJavaScriptのスコープチェインと、それによって実現されているクロージャについての完全な理解を目指します。 2008/08/01 20:30 Callオブジェクト Human JavaScript JavaScriptオブジェ... 続きを読む
HTML909っていうリズムマシンを作った.チェックボックスをぽちぽちすると,音が鳴ったりする. HTML909 audioタグをタイミングよく鳴らすのが難しいようで,環境によって挙動が変わっておもしろい.Safariだとうまく動く.Firefoxだと,この前まではいい感じだ... 続きを読む
jqPlot is a plotting plugin for the jQuery Javascript framework. jqPlot produces beautiful line and bar charts with many features including: Numerous chart style options. Date axes with customizable formatting. Rotated axis text. Automatic tr... 続きを読む
Modern browsers like Firefox, Safari, Chrome and Opera support the HTML5 canvas tag to allow 2D command-based drawing. ExplorerCanvas brings the same functionality to Internet Explorer. To use, web developers only need to include a single scr... 続きを読む
Ajax アプリ等の為の JavaScript コードのテストツール JSTAPd を作ってるよ Data::ObjectDriverをDISってる人の話題が三周目に突入した今日この頃ですが皆さんは何をDISってますか?Yappoです。 JavaScript にもテストツールが色々とあると思うんですが、 Ajax ... 続きを読む
Auto Copyが移植されたらchromeへの移行を検討します。agoです。 jQueryを使用するようになってクロスブラウザを意識することは少なくなりましたが、それでもjQueryではカバーしきれない差異はそれなりにあります。 そこでjQueryを使っていてもはまる可能性の高... 続きを読む
Home > Javascript > 自分自身をロードするときにフレーム解除してロードしようとするサイトをフレームで開くときの抑制方法 Older 自分自身をロードするときにフレーム解除してロードしようとするサイトをフレームで開くときの抑制方法 タイトルだけ読んだら... 続きを読む
I've had a little utility that I've been kicking around for some time now that I've found to be quite useful in my JavaScript application-building endeavors. It's a super-simple templating function that is fast, caches quickly, and is easy to... 続きを読む
JavaScriptHashを使ってユニークにしよう! - perl-mongers.org を var cars = ["honda", "honda", "suzuki", "toyota", "toyota", "daihatu", "mitubishi"]; var report = {}; cars.forEach(function(car) { report[car] = ++report[car] || 1; }); for(var i ... 続きを読む
開いてるページ上でキーを押した時検知するのはどうしたらいいのかちょっと調べてみた。初めての JavaScript p123〜125 くらいに詳しく載ってたのをイベントハンドラに登録して使うようにしてみた。 こんな感じ。 function keyUp (nsEvent) { var theEvent = ns... 続きを読む
function resize_textarea(ev){ //if (ev.keyCode != 13) return; var textarea = ev.target || ev.srcElement; var value = textarea.value; var lines = 1; for (var i = 0, l = value.length; i < l; i++){ if (value.charAt(i) == '\n') lines++; } textare... 続きを読む
Features: autocompletion of property names with Tab, multiline input with Shift+Enter, input history with (Ctrl+) Up/Down, Math, help Values and functions: ans, print(string), props(object), blink(node), clear(), load(scriptURL), scope(object) 続きを読む
JavaScript 複数のDeferredに名前を付けて、結果値を集めるDeferredHashみたいなのを今書いてる拡張(Tombloo)で使った。 function DeferredHash(ds){ var props = keys(ds); return new DeferredList(values(ds)).addCallback(function(results){ var res = {};... 続きを読む
[ perl ] 普通にファイルを編集して module-setup --pack すると flaver が作成できる。pack して flavor 作るときにモジュール名を [% module %] とかに置換してくれたりするのかな。/↑あー、なるほど、勘違いしてました>_ スクリプト スクリプトはこんな感じ... 続きを読む
Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 【お知らせ】ver2.0からprototype.jsを必要としなくなりました。 ソース suggest.js (ver2.1 : 2008/04/02) 過去のバージョンのソースは、こちらにて。 サンプル サンプル1:一番簡... 続きを読む
Download version 1.0 Full package. Includes prototype.js, script.aculo.us library, unit- and functional tests! Cooltips is the personal project made by Andrew Okonetchnikov. Your donations will help to keep it going. Say “thanks” by making ... 続きを読む
The Dojo Foundationは3日(米国時間)、The Dojo Toolkitの開発最新版となる「Dojo Toolkit 0.9beta」を公開した。同リリースは依然としてβの位置づけにあり変更の過渡期にあるわけだが、なかなかいい出来に仕上ってきているようだ。まだ長所も短所も抱えている... 続きを読む
pingオブジェクトjavascriptでpingできることがわかったのでオブジェクトにまとめてみることにしました.Pingerオブジェクトです. var Pinger = function(){}; Pinger.ipid = {}; Pinger.wmi = GetObject("winmgmts:\\\\.\\root\\CIMV2"); Pinger.prototype.st... 続きを読む
var d = new Date(2007, 6, 3); // 2007年7月3日(JSでは0〜11で1月〜12月を表現する) のとき, d.getFullYear(); // 2007 d.getMonth(); // 6 d.getDate(); // 3 になる.これを 07,03 のように月を 01〜12,日を 01〜31 とゼロパディングして二桁になるよう... 続きを読む
javascript 今まで var element = document.createElement('style'); document.getElementsByTagName('head')[0].appendChild(element); if (ie) { var sheet = element.styleSheet; } else { var sheet = element.sheet; } みたいにやっていた。ところがdojo ... 続きを読む
We Ain't Seen Nothin' Yet. (X)HTML, CSS, Ruby, Rails, JavaScript, Web, 新しいものやおもしろいものを 書いた人: noriaki 2007,06月30日(土) 19:44 このブログは技術系の内容も多く,ソースコードがよく出てきます. そのソースコードを見やすくするために... 続きを読む
JavaScriptFirefox、Storage、SQLite用。Firefoxに対象を絞り、アクセサや存在しないメソッド呼び出しの捕捉などを使っている分、クライアントがすっきり書ける。E4Xをヒアドキュメント+テンプレートとして利用。XMLとStringの引数は、arg+='';で文字列へ揃える... 続きを読む
Prototype.jsとScript.aculo.usを圧縮して32.5KBにした「ProtoPacked v2.13」 2007年05月25日 Protoculous : Prototype & Scriptaculous lightweight ! Protoculous is a javascript file which contains Prototype and Scriptaculous together compressed. Pro... 続きを読む
WEBアプリに超絶簡単にJavaScriptのキーボードショートカット機能を実装する「shortcuts.js」 2007年04月20日 Handling Keyboard Shortcuts in JavaScript Despite the many JavaScript libraries that are available today, I cannot find one that makes it e... 続きを読む
SpinelzはRIA(Rich Internet Applications)を実現する、JavaScriptのライブラリですSpinelz(スピネルズ)は、RIA(Rich Internet Applications)を実現可能にするJavaScriptのライブラリです。 Spinelzとは Spinelzはscript.aculo.us.をベースに開発されています。... 続きを読む
サポート・ブラウザ Internet Explorer 6 for Windows ( 4 でもいけるはず) Opera 7.6 for windows Firefox 1.0 以上 for Windows 続きを読む
JavaScript でトップページへのリンクを追加する 最近のサイトの多くは、ページの左上にあるリンク画像から、どのページからもトップページに戻れるようになっています。一方、私のブログ以外のページではそうなっていなかったので、 JavaScript を使ってトップ... 続きを読む
■ Firefox で JavaScript からバイナリを読み取る 18:19 d:id:k12u:20061216:p1 から。 はー。なるほどー。 req.overrideMimeType('text/plain; charset=x-user-defined'); こうすればよかったのですね。以前試してダメでどうしたものか悩んだのですよね。 続きを読む
_ MSDNの更新がわかりにくかった(継続中) 最近、オープンライセンスというのが1ライセンスから購入可能になったので、そっちに移行しようと考えた。というのは、複数年(個人の場合は2年)一括払いなんだがその代わりに普通のパッケージ価格の半額弱の計算に... 続きを読む
JavaScript 使いじゃないので,何が違うのかよく分かってなかったのでちょっと調べたメモ. そもそも window と document.body が別の世界の存在だと考えたほうがよさげ. window はブラウザのウインドウそのもので,JavaScript の処理系が生きてる限り存在する... 続きを読む
Due to high traffic the demo page might load very slowly. Please have patience. Features Based on Toolbar and TabContainer widgets Keyboard cell navigation Column, row resizing Cell, column and row selection Cell formatting (font, font size, ... 続きを読む
The best scientists are poets, the real engineer is an artist Update3: We’re back to our own hosting. Update2: Razvan Dragomirescu was kind enough to mirror the spreadsheet widget. Click here to access the demo. Thanks Razvan! Update: Due to... 続きを読む
IEerBug は Internet Explorer 6.0 と FireFox 1.5 で動く JavaScript 用のデバッグ コンソールです。 FireBug と同じ console.log、console.debug などの関数が使えるため、FireFox と IE の両方でデバッグする場合に便利です。コンソールに出力したオブジェク... 続きを読む
mootools, a super lightweight web2.0 javascript frameworkMooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross... 続きを読む
JavaScript での変数を使った文字列の作成は何かとめんどくさいですね。prototype.js では 1.5_pre0 から Template という簡易テンプレートとして使えるクラスが加わりました。相変わらずドキュメントはソースと test 嫁なので簡単な使い方を紹介します。まずは... 続きを読む
Shibuya.js Development Environment Conference 今日は秋葉原ダイビルにあるデジタルハリウッド大学のメインキャンパスにて行われた、東京近郊の JavaScript コミュニティ Shibuya.js による開発環境カンファレンスに行ってきました。開発者達の開発環境のカン... 続きを読む
ドロップした付箋が、振り分けたペインに「くっつく」ようにします。「くっつく」というのは、DOMの世界で、付箋がペインにappendされる。ということです。 こうすれば、ペインをドラッグしたときに、くっついている付箋もまとめて移動できるようになります(そ... 続きを読む
今日は、Droppablesを触ってみました。Draggable(前回)に比べて、若干わかりにくいルールがあります。そして、dragdrop.jsを読んでみると、ちょっとDroppablesはコードが読みにくい。ちゃんとしたAPIになっていないようです。 解読してみると、ドロップ可能な... 続きを読む
前回に続き、今回はDraggableのイベントフックを作り方を調べました。 方法はいたって簡単で、DraggablesにObserverを登録します。 独自のオブザーバを作るときのインターフェースは、次のようになっているようです(詳しくは、dragdrop.jsのDraggables.notify(... 続きを読む
Rails付属のdragdrop.js(scriptaculous)のDraggableを触ったメモ。他のGUI作成言語と比べても、ほとんど変わらない使い勝手でした。 Draggable Sortableの使い勝手があまりよろしくなかったので、独自のUIコンポーネントが作りたくなりました。まずは、Draggabl... 続きを読む
付箋を使った考察や会議は、好きです。Rails-Ajaxを使って、これをWebで実現できないだろうか。ちょっとだけデモもあります。 ふせん システム設計やプレゼン資料を作るときなど、考えがまとまらない時は、付箋紙を使うのがクセです。 とりあえず、思いついた言... 続きを読む
今日の山形は大雨。せっかくなので、Rails付属のAjaxライブラリを試しました。今まであまり興味をもっていませんでしたが、いろいろ考え始めてみようと思いました。 RailsのJavaScriptライブラリ RailsにはWeb2.0的なJavaScriptライブラリが同梱されているので... 続きを読む
JavaScript: DHTML API, Drag & Drop for Images and Layers JavaScript Library. Developer: Walter Zorn A Cross-browser JavaScript DHTML Library which adds Drag Drop functionality and extended DHTML capabilities to layers and to any desired image... 続きを読む
Posted at 2006-08-05T20:26:00+09:00 in Coding 前回のエントリで触れたJSONP。初出はRemote JSON - JSONPというMochiKitの中の人によるエントリ(多分。一言で言うなら「JSONデータを括弧でくくった上でこっちが指定した文字列を頭につけて返してね?」という... 続きを読む
Lightbox.jsや、Livedoor Readerのフィード追加画面のような、背景全体をグレーアウト表示させるためのライブラリです。(gray+layerで、glayer.js) Lightbox JS livedoor Reader - RSSリーダー なお、Ver 2.0 にて、prototype.js、script.aculo.usの使用せずに... 続きを読む
Shibuya.js#2で言っていたAJAJA プロジェクトのページを公開しました。 当日の発表スライドも(若干修正して)あわせて公開しています。 Shibuya.js Technical Talk #2「Server Side JavaScript の歴史と未来」 (PPT) AJAJA: Asynchronous JavaScript and JavaS... 続きを読む