JavaScript
初歩的なことですが、メモ。 こんな感じのデータオブジェクトがあったとする。 var data = { 'title': 'test', 'wp:test-data': [{ 'link': 'http://www.yahoo.co.jp' }] }; 普通にアクセスする。 > data.title "test" まぁこれは普通。 次にコロンのやつに…
そう忘れるものではありませんが、頻度がね（少ないから） 与えられた値と画像名がマッチしなければ画像名の後ろの'_off'を付与するという条件書いた。 mixin img_tag(absolute_path, image_name, active) - var nav_image_name = image_name if image_name …
タイトル長い タイトル通りの話。 Authのセッションが切れた後にAjaxでアクセスするとエラーが返ってきて、それ以上動作できない。 さらに、エラーのviewも返り、なんかキモいので、自分で作成したエラーメッセージとリダイレクトURLをJSONで渡せないかなと…
app.itemListをループして、そのなかにあるhtmlソースをviewに吐き出そうとした。 <div class="item-section" ng-repeat="item in app.itemList"> <div class="item" ng-bind-html="item.html"></div> </div> そしたらエラー（°ω° AngularJS Error: $sce:unsafe Require a safe/trusted value Attempting to use an unsafe value in a safe context. $sce・・・？ なん…
新規プロジェクトになりそうな案件に携わりプロトタイプを作成中。 サーバサイドはCakePHPでやろうとして、フロントはどうしようかなと。jQuery？ いやいや、大きくなりそうな要件なので、テストやコードにルールを持たせたかったからフレームワーク使いまし…
未解決。ログ残しです。 (function() { 'use strict'; angular.module('Editor', [ 'Editor.controllers', 'Editor.components', 'Editor.services' ]); angular.module('Editor.controllers', ['ngAnimate']) .controller('navigation', ['NavigationFlagVa…
渡したかった。 index.html <first-directive main="main.myDirective" filter-name="number"></first-directive> app.js .directive('firstDirective', ['$log', 'FigureService', function ($log, FigureService) { return { restrict: 'E', scope: { directiveMain: '=main', filterName: '=filterName' }, controller: 'Main',…
すごくハマりました。 やりたいこととして、とあるdirectiveからとあるcontrollerのメソッドを実行したかった。 が、方法がわからずにすごく時間がかかりました。とりあえずできたのでメモ。 環境 chrome 51.0.2704.103 (64-bit) angularjs 1.4.9 実装 app.c…
とあるプロジェクトで、エラーがでたのでコンソールみたら、「isFinite()って関数はありません」ってエラー。 「まじか・・・」と思いつつ、調べたら「polyfill」使えばいけるって書いている記事を見つけたのでメモ。 qiita.com isFiniteとは？ Javascriptに…
丸１日ハマりました。 何故か知らないけど、directiveで作成するhtmlの中のinput[type="range"]。それに初期値を入れようとすると何故か更新されないバグがあることがわかりました。 github.com issueを見るとわかると思いますが、みんな回避作を色々用意し…
![はてなブックマーク - 【AngularJs1.4.x】input[type="range"]で、何故かレンジ入力の位置が変わらないバグ](https://b.hatena.ne.jp/entry/image/https://www.aipacommander.com/entry/2016/06/28/122726)
知らんかったというか、これまでずっと下記コードを書いてた。 $('#button').on({ click: function(e) { e.preventDefault(); // 一旦クリックされたイベントをキャンセル $(form).removeAttr('onsubmit').submit(); // 消した後に指定のformをsubmitする } …
AngularJS触っていると、当たり前だけどJSも触る。んで、この辺勉強不足なので、調べたことメモ。 nullとは？ 言わずともわかるプログラミング言語でみんながチェックするのに苦労する値。 動的言語は値が取れずブラウザ画面を真っ白にしたり、Javaではコン…
ドットインストールで試してみた。 dotinstall.com で、まだまだ全然わからん。。。 とりあえず色々試してみたことをメモ。 model（？）名にハイフン使っちゃダメ <p>テスト: <input type="text" ng-model="test-model"> </p> <p>結果:{{test-model}}</p> <input type="text" ng-model="test-model" class="ng-pristine ng-untouched ng-valid"> エラーの見方がわからん。。。 とりあえずハイフン使っちゃ…
どうすればいいんだ。。。。。 Javascriptと、いっておいて実はjquery var inputTextAllSelect = function(e) { try { // ここでiosで全選択させるように処理 e.target.setSelectionRange(0, e.target.value.length); } catch (exc) { // PCでは、input[type…
selectのoptionにdata-urlとか属性をもたせた時、selectされたoptionの属性を引っ張ってきたい。 普通に思いつくのはこれ $(selector.selectbox).val(); // select boxのoptionのvalueが取得できる。 でも他の属性は・・・？ 思いついたのはこれ。 $(selecto…
んー。なんか腑に落ちない事象だけど。とりあえずメモ。 そもそもなにやりたいの？ とある問い合わせフォームにて、submitを二重送信されることが多かったので止めてほしいとのこと。（スマホとかだと連打しちゃうよねー。押しづらいし） ちなみに、対象のフ…
長いタイトルだけど短く。 アコーディオンを適応するコンテンツの量が多い場合、slideToggle()を使うとなんか「...パッ！」みたいな感じで表示されるのでかっこ良くない。 恐らくコンテンツ量にスライドのアニメーションがあまりにも速くなったせいだと思う…
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…
仕様だからしょうがないと思うけどね。 とりあえず<a>の属性href="#"にすると、クリックしたときにページの上部へ移動してしまう。 これをキャンセルしたい。ので、こうすれば良い。 $(function() { $('.modal_close').on({ click : function() { return false;</a>…
何故かWordPressに埋め込んだGoogleAnalyticsが集計されないんだYO！ そしたらこいつがHtmlコードの上部に存在していたんだYO! <script type="text/javascript"> window["_gaUserPrefs"] = { ioo: function() { return true; } } </script> こいつがあるとGAのタグを飛ばしてくれないんだとか。検証の…
scssとsassの違いがまだわかりません。 gulpを最近使い始めてきました。 で困ったことがあって。 一緒のコードをまとめてガッチャンコしたcssを全体に適応するようにロードしてあげればいいと思いますが、今回導入したのはすでに稼働しているサービスで、css…
さて、3日目。 前回 aipacommander.hatenablog.jp k-meansを何度か試したらなんとなーく理解してきたのでまとめ ソースはこちら github.com k-means計算内容まとめ 読み方変更について 色々ごちゃごちゃしてきたので、wikiに合わせます。 ノード -> データ …
単純な話。 関数だけではなくて、関数の結果をonclickへ返してあげなければいけない。
凄い長いエラーどすな 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のクロスド…
1.7以前のバージョンならbind()が使えます。 // $('h1').on('click', function() { // こいつはエラー $('h1').bind('click', function() { // 何かしらの処理 });
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>…
なんかテンションがおかしいお（^ω^ = ^ω^）おっおっおっ 先程からdatepickerを連チャンしていますが、せっかく色々検証したのでハマったところをバシバシあげていくお。 さて、日付を入力してpostすると保存するシステムで、view側で予めdatepickerの特定の…
changeDateをイベントにセットすればおｋ $('input').datepicker({ format : 'yyyy/mm/dd', language : 'ja', autoclose : true, clearBtn : true, clear : '閉じる', }).on({ changeDate : function() { // なにかしらの処理 } });
autocloseを渡してあげると喜びます（あなたが） $('input').datepicker({ format : 'yyyy/mm/dd', language : 'ja', autoclose : true, // これ clearBtn : true, clear : '閉じる', startDate : (obj.startDate) ? 'today' : '' });
陽気なタイトルとは裏腹にすげー苦労しました。 おはようございます（もう午後だけど）。最近、検索するよりソースを読んだほうがはやいんじゃね？と気づいてしまった。隊長です。 タイトル通り、datepickerがあんまりわかんなくて、さらにbootstrapのdatepi…
