jQuery trigger event when click outside the element
$(document).click(function(evt) { var target = evt.currentTarget; var inside = $(".menuWraper"); if (target != inside) { alert("bleep"); } }); I am trying to figure out how to make it so that if a user clicks outside of a certain div (menuWraper), it triggers an event.. I realized I can just make every click fire an event, then check if the clicked currentTarget is same as the object selected from
jqueryでclick()のコールバック関数に引数(データ)を渡す方法 - not good but great
demo 無名関数を英語にしたら「no name function」だと思っていたが、何だか気持ち悪かったので調べてみると「nameless function」だった。 匿名関数(anonymous function)って呼び方もある。 404 Blog Not Found : jargon - 無名関数(nameless function)?匿名関数(anonymous function)? どうでもいいけどjsfiddleでRunさせるためのショートカットキーは「Ctrl+Return」。Returnキーってなんだっけと思ったEnterキーのことだった件。 Enterキーとは 「Returnキー」 (Return key) (Enter key)： - IT用語辞典バイナリ 無名関数で実行 <p id='nameless'>nameless function</p> $("#namel
Rails: link_to で POST したら Request too long と言われたあなたへ | TECHSCORE BLOG | TECHSCORE BLOG
GET ではなく POST でリクエストを送りたい動機としては、次のようなものがあると思います。 リンク先が POST しか受け付けてくれない。 リンク先が POST しか受け付けてくれず、パラメータはリクエスト本文で指定したものだけが受け付けられる。（URL にクエリ文字列として含めても受け付けてくれない）。 リクエストパラメータが多すぎで、URL の最大長を超えてしまう。 一つ目の「リンク先が POST しか受け付けれくれない」という場合は link_to の method オプションで post を指定すれば問題ありませんが、残り二つの場合は上手くいきません。 というのも、link_to の method オプションに post を指定したとしても、パラメータは URL に含まれてしまうからです。 パラメータはリクエスト本文に含めて POST で送信したい パラメータをリクエスト本文
jQueryでoption要素を追加する方法
jQueryでoption要素を追加する方法を紹介します。 １．option要素を追加する 次のselect要素があると仮定します。select要素には2つのoption要素が設定されています。 <select name="foo" id="foo"> <option value="1">aaa</option> <option value="2">bbb</option> </select> これにvalue属性が「3」、コンテンツが「ccc」というoption要素を追加するには次のように記述します。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ var option = $('<option />'); opti
(function($) {})(jQuery);って何？って思ったからいろいろ試してみた記録 - お勉強orz日和
どうでもいい話なのですが、inputタグのautocomplete属性について先日はじめてちゃんと知った気がしました（今更 それと日記見返すと、昔の方が雑記的だなぁと思った。。 うーん、そう考えるとローカルのもったいないメモは多そうだ。 今度書き出せたらいいなぁ。。 で本題ですが、先日jQueryを使っているプラグインのコードを見てて「(function($) {})(jQuery);」ってどういう意味？て思ったので、調べたりとかしてました。 謎って思ったのはおおまかに３つ。 何故全体を括弧で囲む必要があるのか。 function($)の「$」って何？ ２個目の括弧の中の「jQuery」って何？ これ、ほぼ「(function($) {})(jQuery);」の全てが謎っていってるようなものですねw http://q.hatena.ne.jp/1226297257 上記のURL先を参考にな
jQuery の位置・サイズ関連メソッドまとめ - Cyokodog :: Diary
ばらけてきたのでこちらにまとめます。 索引 位置の設定 css(name,value) 位置の取得 css(name) offset() position() scrollTop() / scrollLeft() event.pageY / event.pageX サイズの設定 css(name,value) / height(value) / width(value) サイズの取得 css(name) / height() / width() attr(clientHeight / offsetHeight / scrollHeight) outerHeight() / innerHeight() コンテナ要素の取得 offsetParent() 解説 位置の設定 css(name,value) 対象要素を指定した位置に配置できます。単位を省略した場合はピクセル単位となります。 $('#
jQuery Mobileのバージョンアップではまった - pushStateの存在 - | PPl@ce
jQuery Mobileをつかってスマートフォン対応をしたときにはまったこと。 前提jQuery Mobileのcss、javaScriptは以下のように利用 cssはダウンロードし自分のサーバにアップjavaScriptはCDNを利用また、自前としては 一部、自前のcssを用意設定用の自前のjavaScriptを用意上記から以下のような感じになってます。 <link href="/jquery/jquery.mobile.min.css" rel="stylesheet" type="text/css" /> <link href="/css/jquery-custom.css" rel="stylesheet" type="text/css" /> <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <
jQuery でブラウザの表示領域に対するサイズや位置情報を取得してみる - Cyokodog :: Diary
更新履歴 2010-01-21 本エントリの内容も含めた最新の情報は下記エントリをご参照ください。 jQuery の位置・サイズ関連メソッドまとめ - Cyokodog::Diary 前回、前々回のエントリではボックス要素を例にサイズや位置、スクロール量などの求め方について書きましたが、実際のプラグインの実装においてこれらの情報が必要になるのは、ブラウザの表示領域に対してということが多いかと思います。 具体的にはツールチップなどの機能で、画面の端の要素を hover した時、ポップアップがブラウザの表示領域内に収まるように表示位置を調整するような場合に、ブラウザの表示領域のサイズやスクロール量などが必要になります。 jQuery でブラウザの表示領域をつかむ方法 ブラウザの表示領域を jQuery でつかむには、以下のような記述でできそうです。 $('html') $(window) $(
いろんなセレクタ指定方法＋α
ずいぶん以前にセレクタについて書いたのですが、今回はセレクタの種類を抜粋して、記述例と説明書きにまとめてました。「セレクタとは？」という方は、まず下記記事を読んでみて下さい。 jQueryを使ってみよう。(基本編 セレクタ１) ＋αというのはトラバース(走査)系のメソッドです。「この要素を抜き出したい！」と思ったときにセレクタだけでは抜き出しにくい場合があります。そういうときにトラバース(走査)系のメソッドを使うと、簡単にできたりするので覚えておくと便利なものです。 「こういう書き方をすると、こういう要素が選択される」という例で説明を添えていますが、数が多いので説明書きは、ほんとうに添えた程度です。説明だけではわかりにくいと思うので動作サンプルを用意しました。動作サンプルを眺めながら、ちらっと説明書きをチェックしてもらえれば「なるほど！」となるはず。。。ご利用ください。 jQuery セレ
extend で継承 - わからん
jQuery の extend を用いた継承の書き方を調べました． ▼ コード $(function() { // 親クラスの定義 var PClass = function() {}; PClass.prototype = { fn1: function() {}, fn2: function() { console.log("親クラスの fn2 を実行"); }, fn3: function() { console.log("親クラスの fn3 を実行"); }, }; // 子クラスの定義 var CClass = function() { console.log("CClass のコンストラクタを実行"); }; $.extend(CClass.prototype, PClass.prototype, { fn1: function() { console.log("子クラスの f
プリフェッチとキャッシュ | jQuery Mobile 1.1.0 日本語リファレンス
ページのプリフェッチ 通常、サイトを複数の単一ページテンプレートでつくることは、大きなひとつの複数ページテンプレートでつくるよりも好ましいスタイルです。それによって、各ページのDOMを小さく保つことができます。 単一ページテプレートを使った場合、ユーザが他のページを高速に訪問できるようDOM上に他のページをプリフェッチすることができます。ページをプリフェッチするには、該当ページへのリンクに data-prefetch 属性を指定します。jQuery Mobileは、現在のページが読み込まれ pagecreate イベントが実行された後で、バックグラウンドで対象ページを読み込みます。たとえば、次のように指定します。 <a href="prefetchThisPage.html" data-prefetch> ... </a> プリフェッチ指定はいくつでも可能です。プリフェッチさせたい全てのリ
立食パーティー: jquery mobile facebook oauth #_=_
2011年11月28日月曜日 jquery mobile facebook oauth #_=_ facebookのoauth認証でリダイレクト先に#_=_という文字列がURL付与されるが、原因はさておき（redirect_uriが空、エンコードが不正、canvas urlと一致しない, settingの web siteのurlが空などいろいろあるようです）jquery mobileのフレームワークを使用していると アンカーがよろしくないので、application.jsなどに if (window.location.hash == "#_=_") window.location.hash = ""; としてお茶をにごす 投稿者 taku 時刻: 18:45 メールで送信BlogThis!Twitter で共有するFacebook で共有する ラベル: jquery mobile 0
フォームの要素にうっすらテキストを表示するJavaScript「jQuery Form Tips」
twitter facebook hatena google pocket ユーザビリティに配慮したフォーム作りのため、入力項目にうっすらテキストを表示してみましょう。 JavaScriptライブラリjQueryのプラグイン「jQuery Form Tips」を使用すると簡単に実現できます。 sponsors 使用方法 jQuery Form Tipsからjquery.formtips.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.formtips.js"></script> <script type="text/javascript"> $(document).
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
add querystring to URL on buttonclick jquery