ITの隊長のブログ

ITの隊長のブログです。Rubyを使って仕事しています。最近も色々やっているお(^ω^ = ^ω^)

jQuery

【jQuery】input[type="file"]をクリアしたい

チェックボックスとかで、input[type="file"]をクリアしたくなった。 ただ、こいつだけはセキュリティの関係から、簡単にクリアすることができないので、clone()を使う必要がある。ようは、一旦削除して、空っぽを書き込む流れである。 $('#inputFileType').…

<form>でonsubmit="return false;"した時の発火させるevent内では、$('form').removeAttr('onsubmit')だけで良い

知らんかったというか、これまでずっと下記コードを書いてた。 $('#button').on({ click: function(e) { e.preventDefault(); // 一旦クリックされたイベントをキャンセル $(form).removeAttr('onsubmit').submit(); // 消した後に指定のformをsubmitする } …

iOSのjavascriptのeventでfocus + setSelectionRange()が効かない

どうすればいいんだ。。。。。 Javascriptと、いっておいて実はjquery var inputTextAllSelect = function(e) { try { // ここでiosで全選択させるように処理 e.target.setSelectionRange(0, e.target.value.length); } catch (exc) { // PCでは、input[type…

【jQuery】selectされたoptionの属性にアクセスしたい

selectのoptionにdata-urlとか属性をもたせた時、selectされたoptionの属性を引っ張ってきたい。 普通に思いつくのはこれ $(selector.selectbox).val(); // select boxのoptionのvalueが取得できる。 でも他の属性は・・・? 思いついたのはこれ。 $(selecto…

【JavaScript】submit二重送信防止

んー。なんか腑に落ちない事象だけど。とりあえずメモ。 そもそもなにやりたいの? とある問い合わせフォームにて、submitを二重送信されることが多かったので止めてほしいとのこと。(スマホとかだと連打しちゃうよねー。押しづらいし) ちなみに、対象のフ…

【jQuery】表示するコンテンツの量が多い場合は、toggleのアニメーションはslideじゃなくてfadeがいいと思う

長いタイトルだけど短く。 アコーディオンを適応するコンテンツの量が多い場合、slideToggle()を使うとなんか「...パッ!」みたいな感じで表示されるのでかっこ良くない。 恐らくコンテンツ量にスライドのアニメーションがあまりにも速くなったせいだと思う…

JavaScriptの「match」について

stringしか受け付けてないようですね。知らんかった。。。 # google developer tool のconsoleにて > var test = 'test' > test.match(/[^0-9]/) ["t"] # 見つからないならnull > test.match(/[0-9]/) null # int型を渡す > var int_test = 10 > int_test.ma…

【jQuery】modal closeボタンをクリックすると上に移動するめんどくさい処理を止める

仕様だからしょうがないと思うけどね。 とりあえず<a>の属性href="#"にすると、クリックしたときにページの上部へ移動してしまう。 これをキャンセルしたい。ので、こうすれば良い。 $(function() { $('.modal_close').on({ click : function() { return false;</a>…

【jQuery】同じドメインで他ページのhtmlをごっそり取得したい

他ページのhtmlを取得してheaderとかfooterとかside naviとかを取得したい場合 var html; // 空変数を用意 var url = 'http://www.example.com/'; $.get(url, function(data) { html = $('<div>').html(data); // divの中につっこむ console.log(html); }); こう</div>…

【JavaScript】はてぶのAPIにAjaxしてエラー「XMLHttpRequest cannot load http://b.hatena.ne.jp/aipacommander/rss?5215206181. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.」

凄い長いエラーどすな XMLHttpRequest cannot load http://b.hatena.ne.jp/aipacommander/rss?5215206181. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. Ajaxのクロスド…

jQueryのバージョン違いで「on」が動かないとき

1.7以前のバージョンならbind()が使えます。 // $('h1').on('click', function() { // こいつはエラー $('h1').bind('click', function() { // 何かしらの処理 });

【Play Framework】CSRFの状況でのjQuery append()

jQueryでDomを生成して、htmlソースに追加しようと思って実行 CSRF token not found in body or query string おうおうおう(^ω^; playframework/playframeworkgithub.com @Override public F.Promise<Result> call(Http.Context ctx) { RequestHeader request = ct</result>…

【jQuery】年と月からうるう年も計算した日を出力する

この方の参考にしました(というかまるパクリリスペクト) 閏年を考慮して、プルダウンの日付を動的に生成するJavaScript - 水中ノートd.hatena.ne.jp jQueryしか使え無いわたしはjQueryに書きかえる $('#birthDayYear,#birthDayMonth').on({ change : funct…

【jQuery】checkされたradioボタンのvalueを取得する

よく忘れるので簡易メモ var radioValue = $('input[name="radioButtonName"]:checked').val(); これでいける。

datepickerでも選択してほしくない日付ってあるんですー!(>< (訳:datepickerで選択させたくない日付を設定する方法)

なんかテンションがおかしいお(^ω^ = ^ω^)おっおっおっ 先程からdatepickerを連チャンしていますが、せっかく色々検証したのでハマったところをバシバシあげていくお。 さて、日付を入力してpostすると保存するシステムで、view側で予めdatepickerの特定の…

datepickerで日付を変更後に何かしたい!!!

changeDateをイベントにセットすればおk $('input').datepicker({ format : 'yyyy/mm/dd', language : 'ja', autoclose : true, clearBtn : true, clear : '閉じる', }).on({ changeDate : function() { // なにかしらの処理 } });

datepickerをクリックしても閉じない?そんなあなたに・・・

autocloseを渡してあげると喜びます(あなたが) $('input').datepicker({ format : 'yyyy/mm/dd', language : 'ja', autoclose : true, // これ clearBtn : true, clear : '閉じる', startDate : (obj.startDate) ? 'today' : '' });

【jQuery】CheckBoxのJsのイベントをJsで擬似的に実行する方法

なんかややこしいタイトル。 んで、jsで書いたイベントがあって、とあるチェックボックスをクリックするとイベントが発生するのね。それをjsで擬似的に発生させることができないかなーと思って試したら結構時間かかったのでメモ。 最初に試したの。 $('.chk_…

$.each() 内部でreturnすると値が返ってこない

よくわからんかったが、解決したのでメモ function testFunc(array) { $.each(array, function(v) { // 〜 何かしらの処理 〜 return v; }); return 0; } これでは帰ってこない どうやら、方言が存在するらしい function testFunc(array) { var returnValue …

jQueryでselectで選んだ値を取得する方法

メモメモφ(..)メモメモ $('select').on('change', function() { console.log($(this)); }); 簡単ですがこれでおk

【CakePHP】でjQueryの$.getJSONがうまく動作しなくなってワロタ

photo by Phillie Casablanca タイトルだけではわからないので、詳細説明。 CakePHPで開発していて、ViewでjQueryを使っています。んで、Ajax使いたくて$.getJSONを使いました。組み込んだ当時は動作していたんだけど、昨日急に動作しなくなった。 長年(jQu…

jQueryの$.isNumericの挙動がよくわからない件

photo by borkweb 本当によくわからない。。。

jQueryのdatepickerの表示部分を無理やり変える話

photo by borkweb やりたかったこと 「jQueryのdatepickerの年月を表示する箇所「yyyy mm月」で、「yyyy」の後に「年」の文言を追加する」 これがやりたかった。

jQueryでfind()してきた配列の値を取得する方法

簡単なメモ function duplexDateChecker() { // 指定のクラスから全部の値を取得 var tdList = $('td').find('input.test'); tdList.each(function(i, elm) { console.log(i); }); }

jqPlotで、円グラフの時にカンマ区切りで表示する方法

jqPlotってのはjQueryのグラフ描画のライブラリです。 〜 省略 〜 seriesDefaults: { renderer: $.jqplot.PieRenderer, rendererOptions: { padding: 10, dataLabels: 'value', showDataLabels: true, startAngle: -90, dataLabelFormatString: "%'d" // こ…

jQueryだってAjaxを使ってJsonを送りたい!

photo by Johannes_wl 知らない人からするとちんぷんかんぷんなタイトルですね。 ちょっとハマったのでメモ

jQueryを使ったhtmlソースからの値取得の指定の仕方

photo by Johannes_wl 超久々の技術記事投稿 最近はダイエットやら、英語勉強やら、読んだ本のレビューとか色々やってしまい、果たしてこのブログはなんのジャンルだったっけ?と疑問にさせてしまう記事ばっかし。技術ブログですよ!ITの技術ブログ! 技術は…

jQuery resizeとGoogle Chromeの翻訳バーでサイズが変わりまくってハマった

最近JavaScriptとjQueryを勉強しました。 まだリファレンスには弱いですが、構文は読めるようになりました。 ※無名関数とか難しかった。で、またハマりました。毎回ハマっているので そろそろ「ハマりのアイパー隊長」とか呼ばれそうです。windowsサイズ(ブ…