ご存知、Webブラウザ用の軽量なJavaScriptライブラリ「jQuery」(ジェイクエリー)。これを使うと、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようになります。 このjQuery、オープンソースソフトウェア(OSS)として提供されていますが、ライセンスを確認したことがありますか?そして、それをどんなふうに確認しましたか? 先日、「自作ソースコードに、MITライセンスを適用する3つのやり方」という記事を書いたところ、けっこう多くの人に読んで頂けました。ライセンスの適用方法が、よく分からないという人が、まだまだいるってことだと思いますが、これって、そもそもOSSのライセンスがどのように適用されているか、きちんと実例を見ていない可能性が高いんじゃないかと考えました。そこで、今回は、jQueryを題材にライセンスの確認方法を解説します。 手間のかからない方法からは
1円商品 (1) 24 (13) Android (45) ASP/VBScript/VBA (23) BlackandWhite (1) Blogger (35) chromewebapps/chromewebstore (48) ColdFusion (90) ColorMaker (3) css (115) D3.js (15) design (34) dos (3) DS/ドラゴンクエスト/ゲーム関連 (68) emacs (8) Excel (3) facebook (86) Gears/sqlite (27) git (10) google (101) Google Ajax Search API (4) Google App Engine/Python (338) Google Chart Tools (7) GoogleCodeProjectHosting (22) Goo
jQuery を使って 「クリックされた時に左なら要素を消して、右なら何もしない。」 という動作をさせようと思ったら日本語だと検索してもすぐに答えが出てこなかったので、また stackoverflow から解説を紹介します。 実際のコードがこちら。 $('#element').mousedown(function(event) { switch (event.which) { case 1: alert('Left mouse button pressed'); break; case 2: alert('Middle mouse button pressed'); break; case 3: alert('Right mouse button pressed'); break; default: alert('You have a strange mouse'); } });
jQuery を使っていると,HTMLElementはほとんど使わないので,存在を忘れそうになります.しかし、たまに元要素を参照して値を見たい!と思うときやEventをAddしたいと思うときがあります. 元HTML要素を取得する方法 jquery#get を使います 例 jQuery("#menu").get() //=> セレクトされた要素が入った配列。一つでも配列に入れて返す jQuery("#menu").get(0)//一つ目 参照 http://api.jquery.com/get/ とココまで書いて終わりだったんですが, 事件発生 ブラウザごとにjQuery の挙動が違うんです ブラウザごとにjQueryの結果の表示が違います. chrome safari opera firefox まとめると |ブラウザ|$(セレクタ)の戻り値|HTMLElementを取るには| |chro
普段は $j(”#name”).val()のように取ってましたが、 チェックボックスとラジオボタンについては別の書き方が必要みたい。 以下、例 <form> <input name=”id” type=”hidden” /> <select name=”pref”> <option value=”1″>NY</option> <option value=”2″>LA</option> <option value=”3″>SF</option> <option value=”4″>CH</option> <option value=”5″>FL</option> <option value=”6″>IN</option> </select> <input name=”color” type=”radio” value=”1″ />male <input name=”co
var result = $('#hoge').is(':visible'); // true or false
<input type="radio" name="hoge" value="1"> <input type="radio" name="hoge" value="2"> <input type="radio" name="hoge" value="3">上のようなラジオボタンがある時に、選択されているvalueを取得する方法。 $("input[name=hoge]:checked").val() 本当はもっと良いやり方があるのかもしれないけれど、体系的に勉強している時間がない。 今作っているサービスの完成のためにとにかく動く状態を目指しているので、多少の無理矢理感は許容。
2010/12/10 コース:元祖こってり 「元祖こってり」記事はネットエージェント旧ブログ[netagent-blog.jp]に掲載されていた記事であり、現在ネットエージェントに在籍していないライターの記事も含みます。 IE8+jQueryによるクロスドメイン通信とXDomainRequestラッパーの作成 こんにちは、ネットエージェント株式会社、研究開発部の長谷川です。 さっそくですが、みなさんは「Advent Calendar」をご存じでしょうか? Advent Calendar と言えば、一般的には、クリスマス(12月25日)までの残り日数をカウントダウンするカレンダーを思い浮かべるかもしれませんが、ここで紹介する Advent Calendar とは、様々な業界、技術方面で活躍されているプログラマ有志が、毎日交代で1つずつ技術的なトピックスを紹介する技術系Webイベントのことです
前回「秋はまだですか」と書きましたが、その日のうちに気温下がったw これでちょっと過ごしやすくなったかも。…薄着で寝ててちょっと風邪引きそうになったのは内緒(・ω・) 本題。 クロスドメインでの非同期通信(XMLHttpRequest Level2)をGoogle App Engineで実装したのでメモ。はまったポイントもいくつか書いておきます。 特にハマったのは出力ヘッダ周り。 Access-Control-Allow-Origin これはあちこちのサイトに書かれてますね。このヘッダを「*」で出力してあげると他ドメインからの通信を受け付けるようになります。・・・が、これだけじゃダメなんです。 Access-Control-Allow-Methods こいつを指定してあげないとサーバーが受け付けてくれません。GETならGET、POSTならPOST・・・と指定してあげないといけません。これは
解説 アニメーションのフレームレートを設定するプロパティです。 指定されたミリ秒毎にアニメーション処理を起動します。デフォルトでは 13 ミリ秒です。 このプロパティに小さい数値を設定すると、Chrome のような高速なブラウザでは、アニメーションが滑らかに動くようになる可能性があります。 このプロパティに大きい数値を設定すると、アニメーション処理が大きい間隔で起動するようになるため、カクカクした動きになります。 設定値 / 戻り値 Number: アニメーション処理を起動する間隔(ミリ秒)。 例 例1:テキストボックスにアニメーション処理を起動する間隔(ミリ秒)を入力し、設定ボタンを押すと、jQuery.fx.interval の値を設定します。 実行ボタンを押すと、アニメーションします。色々な値を入力して、アニメーション処理の違いを確認してみてください。 $("#run").click
<p>there friend!</p> <p>amigo!</p> $("p").prepend("<b>Hello </b>");
JavaScriptが有効なページでボタンをクリックすると、onClick イベントが発生する。 ボタンを連打すると、Firefox や Google Chrome では onClick イベントを漏れ無く取得できる。 しかし、Internet Explorer では、1秒間に1回ぐらいしか onClick イベントを取得できない。 onClick イベント取得漏れの対策方法は簡単で、onClick イベントの代わりに onMouseUp イベントを取得すればいい。 onMouseUp イベントなら、Internet Explorer でボタン連打してもきちんと漏れ無く取得できる。 ただし、onClick イベントはボタンにフォーカスして Space や Enter キーを押しても発生するが、 onMouseUp イベントはキーを押しても発生しない。 onMouseUp イベントを取得する
Events/jQuery.Event jQueryのイベントシステムは、W3C標準に準拠した実装になっています。イベントオブジェクトはjQueryのイベントハンドラーに確実に渡されます。(コールバック関数に引数として渡されず、window.eventなどから取得するタイプのブラウザであっても、そのようなチェックは必要ありません) オリジナルのイベントオブジェクトが持つ殆どのプロパティは、このオブジェクトにコピーされます。 このオブジェクトのコンストラクタも公開されており、triggerを呼ぶ際に用いられます。 コンストラクタではありますが、newオペレータはあってもなくても構いません。 どういった場面でEventオブジェクトを作成するのかは、trigger関数のドキュメントを参照して下さい。 Example: jQuery.Eventを new をつけずに作成する var e = jQu
checkboxがcheckされてるかどうかを判別するメソッドってjQuery側に用意されてないんですよね。 twitterでも色々教えてもらったけど方法としては3つくらいかなー。 https://twitter.com/kyo_ago/status/11685019866 https://twitter.com/songmu/status/11675950113 https://twitter.com/rea/status/11675545507 素のHTMLエレメントから取得 var checked = $('#elem').get(0).checked; せっかくjQuery使ってるのにという感じがいなめない。。これはないかな。 is()で取得 var checked = $('#elem').is(':checked'); これが一番直感的ではある。これでいいっちゃいい気もする。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く