HaltEria.com is for sale | HugeDomainsMake 36 monthly payments Pay 0% interest Start using the domain today. See details
jQuery の on() と off() を理解する - tacamy--blog
初心者向けの本とかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo').click(); のような書き方で説明されている場合が多いけど、少し複雑なことをしようとするとそれだと困ることが出てきます。そんなときに便利なのが on() を使ったイベント設定です。 on() ひとつで bind() live() delegate() を表せる jQuery 1.7 で、bind() live() delegate() がすべて on() に統合されたそうです。 つまり on() の書き方によって、3 パターンの使い方ができるということです。 .foo という要素をクリックしたら何かするという例で、イベントの設定と削除の方法をそれぞれ書いてみます。 bind() $('.foo').bind('click', function(){...}); は $('.foo')
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
Javascriptで扱えるカッコイイグラフのまとめ - Qiita
結論:Highchart ccchart(canvasChart)と悩みましたが、Highchartを選んだ理由は、下記の通りです。 1.円グラフや棒グラフを組み合わせた複合的なグラフのサンプルを載せている 2.複合グラフのアニメーションがかっこいい 商用ライセンスなので、無料にこだわる方は、ccchart(canvasChart)がおすすめです。 Highchart 表現力、完成度の点でいちばんだと思います。商用なのでお金さえあればこれがイチオシ。 ccchart(canvasChart) 私のイチオシは canvasChart です ライセンスは PUBLIC DOMAIN! raphael.js qiitaのプロフィールの円グラフで使われているjQueryプラグイン 美しめなグラフを作成することができる。 raphael.jsのプラグインのelycharts.js http://el
7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座
HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない
jQuery UI の Button プラグインで、チェックボックスをボタン化
jQuery UI の Button プラグインの buttonset を使い、チェックボックスを、まとめてスタイリッシュなボタンに変身。 実装例（サンプル） 実装例（サンプル）の動作について 通常のチェックボックスと同様に、選択肢の中から複数選択できる。 実装例（サンプル）のソースコード 読み込み 読み込み方は、2種類ある。パスは、それぞれ、アップロードした場所を指定する。 まとめて読み込む場合 <link rel="stylesheet" href="themes/base/jquery.ui.all.css"> <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript" src="ui/jquery-ui-1.8.12.custom.min.js"></sc
【jQuery】selectboxにoption要素の追加・削除をする at softelメモ
状況によって、動的に、jQueryで、選択項目を増やしたり、減らしたりしたい。 そんな時に役立つ基本的なやり方。 //select要素のIDをselectとする //追加するとき $('#select').append($('<option>').html("追加される項目名").val("追加される値")); //全て取り除くとき $('#select > option').remove(); //選択されたものを取り除くとき $('#select > option:selected').remove(); 普通にHTMLに追加、削除をするだけ。 応用するとデモみたいなことも楽にできる。 DEMO selectboxにoption要素の追加・削除をする。- デモ
画像なしで実現するCSS吹き出しツールチップ実装サンプル色々:phpspot開発日誌
Filament Group Lab Example From Page from: Image-free CSS Tooltip Pointers - A Use for Polygonal CSS? 画像なしで実現するCSS吹き出しツールチップ実装サンプルの実装チュートリアルが公開されてます。 CSSのみというわけではなくjQuery UI CSS Frameworkを使っていますが、吹き出し部分が画像でない分、左右・中央に自由に吹き出しがつけられます。 バックグラウンドがいい感じに馴染んでますね。 関連エントリ ピュアCSSで実装された吹き出しのデザイン例色々 これは驚きの、CSSだけで作れる吹き出しボックス
巨大なファイルも楽々。リジューム対応のファイルアップロード·Resumable File Uploads MOONGIFT
Resumable File Uploadsはリジューム可能なファイルアップロードライブラリ、プロトコルです。 Webの発展に伴って巨大なファイルをWebフォームを使ってアップロードすることも増えてきました。しかし途中でエラーが出てしまったらまたやり直し、というではとてもストレスがたまります。そこで紹介したいのがResumable File Uploads、リジューム対応のファイルアップローダーです。 デモのフォームです。巨大なファイルを指定してみましょう。 アップロードが開始されました。一旦タブを閉じます。 再度開いて同じファイルを指定します。そうするとファイルのアップロードが途中から行われます。 ネットワークを見ると分かりますが、アップロード処理が何回かに切り替わって行われています。 Resumable File Uploadsは簡単に言うとJavaScriptやその他のプログラミング
Web上で画像の範囲を指定できる·imgAreaSelect MOONGIFT
imgAreaSelectは画像の切り抜きに役立つ範囲選択機能を提供するjQueryライブラリです。 ユーザにアップロードされた画像の一部を切り出してアイコンに使うと言ったような操作はよくあります。そんなUIをjQueryを使って実現するのがimgAreaSelectです。 一例です。 選択されていない場所はグレーになるので分かりやすいです。 各ポイントの数値が取れます。 imgAreaSelectではユーザが縦、横の長さを自由に変更できる他、比率固定でサイズを変更したり、あらかじめ決められた場所に選択範囲を置くと言った指定ができます。切り抜く箇所や大きさの値が受け取れるので、後はサーバサイドで切り抜き処理を行えば良いでしょう。 imgAreaSelectはjQuery/JavaScript製のオープンソース・ソフトウェア（GPL/MIT License）です。 MOONGIFTはこう見る
HTML5対応のユーザーインターフェイスライブラリ「Kendo UI」登場
JavaScriptでビジネスアプリケーションを開発する際に使えるユーザーインターフェイスライブラリ「Kendo UI」の正式版が公開されました。 JavaScript用のユーザーインターフェイスライブラリといえば、jQuery UIやSencha Touchなどがあります。Kendo UIもそれらと基本的に似たライブラリですが、jQueryをベースにしつつメニューやデータピッカーなどの基本的な部品だけではなく、表形式でデータを表示するグリッドやグラフなど、このライブラリだけでビジネスアプリケーションに必要な部品をカバーしている点にあるでしょう。 HTML5対応ですが、HTML5非対応のWebブラウザもサポート。GPLv3ライセンスのオープンソースと、商用利用向けの有償ライセンス（399ドル）のデュアルライセンスで提供されています。 いくつかサンプルを挙げておきます。
KIYOTY DESIGN BLOG - フローティングメニュー-JQUERY SCROLL FOLLOW
WEB,DESIGN,ActionScript Memo and MORE…サンプル（コンテナ範囲外でスクロール） サンプル（コンテナ範囲内でスクロール） ダウンロード JQUERY SCROLL FOLLOW http://kitchen.net-perspective.com/open-source/scroll-follow/ <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script> <script type="text/javascript" src="js/ui.core.js"></script> <script type="text/javascript"
jQueryライクに使えて2KBしかないスマートフォン用JSフレームワーク「zepto.js」:phpspot開発日誌
zepto.js ? the aerogel-weight mobile javascript framework jQueryライクに使えて2KBしかないスマートフォン用JSフレームワーク「zepto.js」。 それなりにスマートフォンでも速度がでるとはいえ軽いに越したことはないというところで、jQueryのminify版が26KB (1.4.3) というところで、１０分の１以下のサイズでjQueryと同じように使えるのはいいかもしれませんね（当然機能は落ちますが） 詳細については以下のSlideShareも参考に出来ます
Typing Practice for Programmers | typing.io
var runtil = /Until$/, rparentsprev = /^(?:parents|prev(?:Until|All))/, isSimple = /^.[^:#\[\.,]*$/, POS = jQuery.expr.match.globalPOS, // methods guaranteed to produce a unique set when starting from a unique set guaranteedUnique = { children: true, contents: true, next: true, prev: true }; jQuery.fn.extend({ find: function( selector ) { var i, l, length, n, r, ret, self = this; if ( typeof selec
iframe 関連処理まとめ - Cyokodog :: Diary
iframe 関連の処理で分かったことをこちらにまとめてこうかと思います。コードは jQuery ベースです。 変更履歴 2009.06.17 Safari,Chrome にて動的に生成したiframe内に CSS ファイルを読み込ます方法が分からないとしてましたが、codeなにがし(http://code.nanigac.com/forum/view/488)で教えていただき、記事を修正しました。 iframe 内 を親 html から参照する 同一ドメインであることが前提です。 //iframe 内の window オブジェクトを参照する $('iframe')[0].contentWindow //iframe 内の document オブジェクトを参照する $('iframe')[0].contents()[0] //iframe 内の html 要素を参照する $('iframe
XHR XSS の話． - ほむらちゃほむほむ
概要 CORS が「幾つかのブラウザの先行実装」の状況から「古いブラウザではサポートされない機能」に変わりつつある頃合いなので，XHR2 が XSS の起点になりますよってお話． そもそも XHR XSS って何よ 簡単に言うとXHR2 による XSS のことのつもり．身近なところだと，jQuery Mobile がやらかしたり，大阪府警がやらかしたりした． 具体例1 jQuery Mobile jQuery Mobile については，jQuery MobileのXSSについての解説 で解説されるとおり． かいつまんで言うと，jQuery Mobile に location.hash の変更( hashchange イベント発火）時に，location.hash を URL とみなして読込んで，ページ内容を変更という機能があって，その読込先 URL にクロスドメインの制約がなかったので X
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ccchart
ｊQueryで要素の存在チェック - Zare-go-to
finefinefine.jp
Canvasベースのお絵かきが実装できるjQueryプラグイン「Sketch.js」:phpspot開発日誌