求む。インスタンスをArrayで拡張する方法 - hogehoge @teramako
Arrayインスタンスを拡張したい。 prototype汚染はさせない Array.prototypeの上書き禁止 Arrayオブジェクトと同じ挙動 という条件。 下記、EXArrayというコンストラクタをArrayの様な扱いにしたいわけだ。 テストコードでも書いているが instanceof obj instanceof Array // true であること obj instanceof EXArray // true であること 配列要素は hasOwnProperty で true が返ること toStringが配列っぽく返ってくること までは実現できている。しかし、 JSON.stringify(obj) が Arrayっぽくない obj.toSource()がTypeError: Array.prototype.toSource called on incompatible O
フォーム入力に役立つjQueryプラグイン
本連載では、JavaScriptライブラリの中でも人気が高まりつつあるjQuery UIとプラグインを取り上げます。今回は、Input Hint Overlay、Text input field filter、jQuery Validation、Password Strength、Simplest Twitter-like dynamic character countについて説明します。 はじめに 第2回「jQuery UIのウィジェットを使ってみよう」では、jQueryのユーザーインターフェースを拡張するjQuery UIのインストールから、jQuery UIのDialog、Datepicker、AutoComplete、ProgressBarの使い方を取り上げました。第3回では、第1回「jQuery UIのインタラクションを使ってみよう」でも簡単に触れたjQuery Pluginのフ
jQuery.validation.jsを使ったフォームでチェックによって必須項目の分岐を行う :: 5509
たとえばチェックボックスAがcheckedの時に、テキストエリアXを必須にする、というようなフォーム間の依存関係なんかは定義できるのでしょうか？ via: https://5509.me/2008/08/22/realtimeformvalidation.html#comments コメントをもらったので対応方法をメモしておきます。 完成サンプル 普通に実行する場合は以下のようになるのですが $(".validate").validation({ msgs: { email: "正しいEメールアドレスを入力してください 例：", submit: "入力が完了していない必須項目があります。 必須項目は全て入力してください。" }, dialog: { dialogOpacity: .8 } }); これは指定のFORM要素に対してvalidationを実行するということなので（そのままですけ
JavaScript による日付・時刻・時間の計算・演算のまとめ - hoge256ブログ
JavaScript でいろいろな日付の計算関係をまとめてみました。前回の日付関係のまとめエントリの JavaScript版です。 日付の単位について 基本的なことですが、一応まとめておきます。 1秒は1000ミリ秒 1分は60秒 1時間は60分 よって 1時間=60分=3600秒=3600000ミリ秒 1日=24時間=1440分=86400秒=86400000ミリ秒 現在時刻の取得 まずは、最もよく使う処理です。 //今日の日時を表示 var date = new Date(); document.write(date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.get
スプーキーズラボブログ | protocalendar.js 用の rails ヘルパメソッド（のひな形）を公開しました
今回、本当はモデルの特定アトリビュートだけにバリデーションを実行するプラグイン「valid_attributes」を公開しようかと思っていたのですが、 個人的なサイトの方で公開してしまったので、今回は protocalendar.js の ruby on rails 用ヘルパメソッド（のひな形）を公開したいと思います。 オプション関係など完璧ではないのですが、独自ヘルパメソッドを作るベースになればと思います。 action_view_ext.rb module ActionView module Helpers module FormHelper def date_field(object_name, method, options = {}) result = text_field_for_date(object_name, method, options) styleId = opti
javascript - Array.prototype.slice.apply(arguments) // 引数一発配列化 : 404 Blog Not Found
2010年04月28日22:00 カテゴリLightweight Languages javascript - Array.prototype.slice.apply(arguments) // 引数一発配列化 これなのですが… 細かいJavaScriptの仕様や習慣やテク集 - 三等兵 var func = function() { var leng = arguments.length; for(var i = 0, arr = []; i < leng; i++){ arr[i] = arguments[i] * 10; } alert(arr); }; こう書けます。 var func = function() { var args = Array.prototype.slice.apply(arguments); var arr = args.map(function(n){ r
JavaScriptのDateで表現可能な過去と未来 - 風と宇宙とプログラム
寒くなったり暖かくなったりと気温変化が激しかったためか、先週一週間は体調を崩してしまい仕事がはかどらなかった。一日だけ休んだが、熱があるわけでもなく、ちょっと頑張れば出勤はできるし、重要な会議もあった。しかし、全身脱力感で、何もする気が起こらない。そんなボーっとした頭の状態で、ある規格書を読んでいたら、イベントの開始時刻にJavaScriptのDateクラスを使っていた。普通なら気になることはなかったが、このときに限りDateで表現できる最大の未来はいつだ？ということが気になってしまった。もちろん、それは遠い未来であり、人類が気にするようなスケールの時間でないことは知っている。気になったのは、各ブラウザが正しく実装されているかということ。 以下のブラウザで確認してみた。IEはよく知らないが、それ以外のブラウザは最新のはずだ。 Firefox Chrome Safari Opera IE 3
JavaScriptの有効無効で見た目を変える - 檜山正幸のキマイラ飼育記 (はてなBlog)
とあるWebページのbody内に、次のJavaScriptコードが埋め込んでありました。 <script> document.body.className += ' js'; </script> これは何だろう？ と思ったのですが、CSSスタイルシートのほうに、次の記述がありました。 body.js .section-tabs .tab { display:none; } JavaScriptが動く環境では、"js" というクラス名が設定されるので、それを使ってJavaScriptのあるなしを判断しスタイルを変えているようです。あー、なるほどね。CSSを使っている人には常識なのかもしれませんが、僕はnoscriptしか知りませんでした。
ブラウザから離れたり、戻ったりした時に動作させるJavaScriptイベントハンドラ設定:phpspot開発日誌
ブラウザから離れたり、戻ったりした時に動作させるJavaScriptイベントハンドラ設定 2010年03月09日- Detecting ‘Idle’ and ‘Away’ Timeouts in Javascript | BedroomLAN ブラウザから離れたり、戻ったりした時に動作させるJavaScriptイベントハンドラ設定のサンプルコードが紹介されています。 JavaScript のコードで、onIdle、onAway といったイベントハンドラが使えるようになり、それぞれのイベント時に実行したいコードを設定できます。 例えば、ユーザがPCに戻ったときに、おかえり！といった文言を表示することができ、ユーザビリティの向上に役立てられそうです。 具体的なコードは必要なライブラリを読み込んだ後継ぎのように記述します。 setIdleTimeout(2000); // アイドルになるまでを２
Firebugを使って無名関数への参照を手に入れる - monjudoh’s diary
Firebugで元のJavaScriptのコードに手を入れずにdebug用のconsole出力を入れる方法 - 文殊堂の応用編 参照が欲しい無名関数の中の適当な所で、 breakpointを設定し、条件を↓にする。 (window.someFunction = arguments.callee),false この無名関数が1度でも実行されれば、someFunctionで参照できるようになっている。 someFunction.toSource(); とかやると以下のようになる。 (function ($) {var map = new Array;$.Watermark = {ShowAll: function () {for (var i = 0; i < map.length; i++) {if (map[i].obj.val() == "") {map[i].obj.val(map[i
Firebugで元のJavaScriptのコードに手を入れずにdebug用のconsole出力を入れる方法 - monjudoh’s diary
Firebugでは条件付きブレークポイントが使えるので、 scriptタブにて該当行にブレークポイントを貼り、 条件としてconsoleへの出力を||区切りで、最後に&& falseを入れる。 console.debug('this.lastPosition') || console.dir(this.lastPosition) && false こうするとブレークポイントを通る度にconsoleへの出力は評価され、 consoleに出力され、最後の&& falseのため式全体は必ずfalseとして評価されるため ブレークすることはない。 追記 console出力系関数の戻り値はundefinedなんだから&& falseは不要か 追記 nanto_vi @monjudoh JSでは||より&&の方が優先順位が高いので、a || b && c はaが真ならbもcも評価されずに全体が真として
これは凄い、Excelの関数も使えちゃうスプレッドシート実装jQueryプラグイン「jQuery.sheet」:phpspot開発日誌
これは凄い、Excelの関数も使えちゃうスプレッドシート実装jQueryプラグイン「jQuery.sheet」 2010年01月26日- jQuery.sheet これは凄い、Excelの関数も使えちゃうスプレッドシート実装jQueryプラグイン「jQuery.sheet」。 参照に対応していて、A1 に 2 が入っていたとして、A2に「=A1*2」とするとちゃんと4と表示されたり、色々なおなじみのExcel 関数(ABS, AVERAGE, CEILING, COUNT, IF, MAX, MIN, PI, ROUNDなど)をそのまま使うこともできてしまいます。 デモページ 単にソート機能がついたり、そのまま編集できるだけではなく、本当にExcel っぽいところがすごいですね。 デザインは上記固定ではなく、色々なデザインテーマを適用することもできるようです。 あと、実装もjQueryプラ
大量のリストから目当てのものを瞬時に探せるようになるjQueryプラグイン「LiveFilter」:phpspot開発日誌
大量のリストから目当てのものを瞬時に探せるようになるjQueryプラグイン「LiveFilter」 2010年01月20日- jQuery Plugin: LiveFilter 1.0.1 | Mike Merritt | Digital Inferno 大量のリストから目当てのものを瞬時に探せるようになるjQueryプラグイン「LiveFilter」。 １ページ内にリストが多く表示されていると探すのが大変ですが、LiveFilterを使えば瞬時に対象を探すことができます。 インプットボックスに検索したい文字列を入れると、一気に対象が絞り込まれ、好みのものがすぐに見つかるでしょう。 そんなの、グーグルツールバーやページ内検索を使えばいいじゃないか、という方もいると思いますが、それらの存在が知らない初心者の方に向けたページの場合は威力を発揮しそうです。 パソコン中級者や上級者の方に向けても、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
http://cssglobe.com/post/7161/jquery-plugin-simplest-twitterlike-dynamic-character-count-for-textareas