数字をカンマ区切り設定 | 私的雑録
$(function () { $('#amount').focusout(function() { var str = $(this).val(); // カンマ除去 str = str.replace(/,/g, ''); // 数字形式 if (str.match(/^(|-)[0-9]+$/)) { // 0消去 str = str.replace(/^[0]+([0-9]+)/g, '$1'); // 数字を3桁区切りでカンマ付与 str = str.replace(/([0-9]{1,3})(?=(?:[0-9]{3})+$)/g, '$1,'); } $(this).val(str); }).focusin(function() { var str = $(this).val(); // カンマ除去 str = str.replace(/,/g, ''); $(this).v
jQueryでフォームをAjax送信する際の基本パターンのチュートリアル。二重送信の防御とか。 | Ginpen.com
仕事の進みがちょいとアレなので、現実逃避もとい気分転換に。 フォームの入力内容を、jQuery.ajax()を使ってサーバーへ送信したいって時のパターンです。 基本的な流れ フォームのsubmitを拾う 通常の送信はキャンセル 送信ボタンを無効化 送信先URLやフォームの入力値を取得 送信 受信後、送信ボタンを戻す 入力値をどう得るか、というのがポイントかと思います。 送信ボタンを無効化するってのはやらなくても良いんだけど、誤操作防止のためにも是非やって頂きたいと思います。あと送信ボタンの制御以外にも応用がききます。 デモ なんかお問い合わせフォーム的なものを用意しました。 まー実際にお問い合わせフォームをAjaxで送信する場面なんてないような気もするんですが、基本パターンという事で。
jQuery と AngularJS - AngularJS Ninja Blog
jQuery と AngularJS は併用できるのか？ jQuery と AngularJS は併用可能 jQuery メインのサイトで AngularJS を部分的に使用可能 AngularJS と jQuery は併用可能 AngularJS より先に jQuery を読み込ませていればその jQuery が利用される。jQuery を読み込ませていなければ AngularJS が内蔵している jqLite（jQuery の API 互換サブセット）の実装が利用される。 jqLite が実装している jQuery 互換の DOM 操作関連の API は、AngularJS: element で確認できるが、DOM 操作系の主要なメソッドは実装されている。 AngularJS 1.2 では、bind()/unbind()でなくon()/off()が利用されるため、jQuery のバージ
jQuery.gpKeyでキー操作が楽々に。 | Ginpen.com
概要 keypress、keydown、keyupのイベントを管理できるjQueryプラグインです。大きな特徴はふたつ。 まずひとつ目は、要素単位で設定できること。通常キーボード系のイベントはinput等の入力系要素かdocumentで発生しますが、jQuery.gpKeyは任意の要素で発生したものとして管理する事ができます。 もうひとつは、キーごとの操作をわかりやすく設定できること。例えば”Ctrl+S”を拾う場合は"^s"という文字列と処理内容をセットにして指定します。 キーボード操作のあるウェブアプリでの利用を想定しています。 ダウンロード jquery.gpkey-0.1.min.js [4KB] jQuery.gpKey.zip [57KB] jQuery.gpKey.tar.gz [57KB] 基本的な使い方 要素をクリックすると反応するようになり、また要素外をクリックした場合
jQuery UI Bootstrap
A preview of the jQuery UI Bootstrap themejQuery UI Bootstrap A Bootstrap-themed kickstart for jQuery UI widgets (v0.1) Welcome! This is a live preview of new the jQuery UI Bootstrap theme - a project I started to bring the beauty of Twitter's Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter
jQuery File Upload Demo
jQuery File Upload Demo File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads. Pintura
akquinet/jquery-toastmessage-plugin @ GitHub
To create some toastmessages just click on the following links. Show a success toast not sticky|sticky Show a notice toast not sticky|sticky Show a warning toast not sticky|sticky Show a error toast not sticky|sticky Documentation jquery-toastmessage-plugin documentation is available on the wiki. License jquery-toastmessage-plugin is licensed under the Apache License 2.0. The project was founded b
全画面をスライドとして使うダイナミックなナビゲーションを構築する2KB以下の軽量jQueryプラグイン
全画面をスライドギャラリー風にするダイナミック なナビゲーションをjQueryを使って実装するサン プルです。透過処理が必要ですが、IE6、IE7の 両問題児でも問題なく動いてくれますので、実践 でもプロモーションなどに利用できるっぽいですね。 スライドするとロゴが平行してスライドする事で視差 効果も出しています。 クロスブラウザ対応なので使いどころも出て来るかもしれませんね。ダイナミックに動いてくれますのでプレゼンテーションやポートフォリオ、キャンペーンなどに使うのも面白そうです。 Awesome Scrolling Navigation 全画面がスライドします。背景に画像を指定しているのでテキストなんかも入れられるっぽいですね。試していませんけどこれは結構使えそうです。 動作確認していただくと分かるかと思いますが、左上のロゴ部分も微妙なスライドをして視差効果を出しています。 マークアッ
前回のjQuery|Enter|Tab|でフォーカス移動の続編でファンクションキーの制御をjQueryでやってみます。 - せかにゃ～
業務WEBアプリだったら、ファンクションキーは必須ですよね。 普通にkeydownイベントで処理を行うと、ブラウザの規定動作が発現し邪魔しちゃいます。 例えば、[F1]:ヘルプ [F3]:検索 [F5]:更新 [F11]:最大化 などなど・・・ あと[BackSpace]で履歴の「前のページに戻る」を無効化する事も忘れちゃいけません。 そんなこんなで以下参照 動作サンプルWinのIE8とFirefox3.5のみ確認 var d = document; $(function(){ //IE F1ヘルプ制御 if (d.all) window.onhelp = function(){return false;} //============================== // キー項入力 イベント //============================== $(document).
symfony - open-source PHP5 web framework
Services Platform.sh for Symfony Best platform to deploy Symfony apps SymfonyInsight Automatic quality checks for your apps Symfony Certification Prove your knowledge and boost your career SensioLabs Professional services to help you with Symfony Blackfire Profile and monitor performance of your apps
【ハウツー】わずか数行で"ものすごいテーブル"に! - jQueryプラグイン「Flexigrid」 (1) ドラッグ&ドロップでカラム幅を変更可能 | エンタープライズ | マイコミジャーナル
Webアプリケーションの操作性を向上させるために、いまや欠かすことのできないJavaScript。Prototype.jsやjQueryといった各種フレームワークを使用して、ユーザビリティを高めている開発者も少なくないだろう。 ここ数年の間でYahoo! UI LibraryやExt JS、Dojo Toolkitといった、開発のしやすさや・操作性の向上はもちろんのこと、綺麗なデザインも兼ね備えているライブラリが増えてきた。既存のWebアプリケーションに少しのコードを追加するだけで、機能もデザインも付加できるこれらのライブラリは非常に魅力的だ。 ここではテーブルで組んだリストに対して、まるで表計算ソフトのような操作性を提供するFlexigridライブラリを紹介したい。 ネイティブアプリケーション並みのリストを実現 FlexigridとはPaulo P. Marinas氏が開発・公開している
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Private Site