Javascript
取得できないわけない...と思い苦戦していた。そしてよーく見ると <div class="iradio_minimal" aria-checked="false" aria-disabled="false" style="position: relative; "> <input type="radio" name="color" value="#ed8d8d" checked="" style="position: absolute; opacity: 0;"> </div>
基本的には下記サイトのコピペで行ける気がする。コピペで生きてます。 www.highcharts.comしかし、利用する際はAPIたたいてレスポンス受けとってその結果をグラフに反映みたいなことが多いのかな。その際はdataをどうするかというと... 困ったらググってコ…
参考 JavaScriptプログラミング講座【Promise クラスについて】 //エグゼキュータ関数 function fuga (resolve, reject){ console.log("非同期処理の開始"); console.log("3秒待つ"); //3秒後に実行される関数 setTimeout(function(){ var success = true;//…
とりあえずソースメモ。 列の要素にname, create_time, 有効無効のタブがある感じで、有効無効を切り替えるところの処理。 雑にメモ。◼︎invalid.html <tr ng-repeat="user in users" ng-show="sort === -1 || user.is_use === sort"> <td>{{$index}}</td> <td ng-bind="user.username"></td> <td ng-bind="user.create_time"></td> <td> <div class="valid-tab"> </div></td></tr>
エンコードされているかどうかなどはその時使っている環境とかで変わるっぽいので注意必要。 (おそらく基本エンコードされる...?)参考 JavaScript まとめ - エンコード/デコード操作◼︎エンコードする(文字を暗号化) result = escape( charString )//例 var …
◼︎配列の要素内での重複チェック var arr = ['red','blue','green','yellow','red']; var sortArr = arr.filter( function (x, i, self) { return self.indexOf(x) === i && i !== self.lastIndexOf(x); } ); if(sortArr.length > 0){ console.log("重複あり…
$location.path('/path', '_blank'); こうではなく window.open( '/path', '_blank' ); こうでした。 <a href="javascript:;" target="_blank">{{〜〜}}</a> では反映されませんでした。
これが参考になった。 stackoverflow.com
参考 スクロールしたらヘッダーの一部だけ固定する - Qiita WordPress - 独自のCSSやJSを読み込むwordpressで独自のjavascriptのファイルを読み込みしたい時はhtmlのheadに書く方法では色々と不都合があるので、function.phpに記述するみたい。
Resource {0: Object, 1: Object} 0: Object content: "こっちが古いよ" id: 1 target_date: "2016-02-09 00:00:00" title: "ひとつめ" 1: Object content: "こっちが新しいよ" id: 2 target_date: "2016-02-11 00:00:00" title: "ふたつめ"みたいなコールバ…
Ajaxって何の略なんだろうと調べたら Asynchronous JavaScript + XML「非同期通信」と「ダイナミックHTML」で Ajax らしい。 ページを再読み込みすることなく、動的にhtmlの内容を変更できるのが良いんだね。それで、非同期通信を行うためのAPIが XMLHttpReq…
何時間以内なら「new」みたいにラベルを貼りたい時に現在時刻との時間の差が必要になる。 そんな時は以下のようにして求められる。 var now = new Date('2016/02/16'); var targetDate = new Date('2016/02/15'); var diff = (now.getTime() - targetDate.ge…
http://localhost:6960/api/v1/notices/index?access-token=[アクセストークン]&lang=jp みたいなURLの作り方 'use strict'; angular.module('spmartClientApp') .factory('Infomation', function ($resource, $http, $rootScope, DataService, $cookies) { …
◼︎ng-init
参考 AngularJSの依存性注入を利用するには? - Build Insider .controller('MainCtrl', ['$scope', 'JsonData', function ($scope, JsonData) { … .controller('MainCtrl', function ($scope,$cookies,$location,$rootScope,$sce) { ... とコントロール名の…
参考 Date.prototype.getTime() - JavaScript | MDN ◼︎1秒間待つ var time = new Date().getTime(); while (new Date().getTime() < time + 1000); ◼︎実行時間の計測に用いる var end, start; start = new Date(); for (var i = 0; i < 1000; i++) { Math.sq…
今回も参考はドットインストール様 #01 ToDoを表示させよう | AngularJSで作るToDoアプリ - プログラミングならドットインストール まずは、 checkboxつけて終わったタスクにはチェックつけてグレーの線を引く//index.html <h1>Todo List</h1> <div ng-controller="mainCtrl"> <ul> <li ng-repeat="task in tasks"> <input type="checkbox" ng-model="task.done"> <span class="done-{{task.done}}">{{task.…</span></li></ul></div>
参考 ngBind | AngularJS 1.2 日本語リファレンス | js STUDIO 例えば入力フォームで入力されたテキストを 動的に表示する場合 <input type="text" ng-model="name"> <p>こんにちは{{name}}</p> が一般的。そんで、ng-bindは何かと言うと ngBind属性は、Angularに指定したHTML要素のテキスト内容を与え…
全部ドットインストールの内容。 AngularJS入門 (全12回) - プログラミングならドットインストール AngularJSの特徴 <html lang="ja" ng-app> と書く。ngはAngularのng。そして、例えば <input type = "text" ng-model="name"> <p>こんにちは{{name}}<p> と書くと、動的にこんにちはのあとにnameが表示される。 つまり、HTMLの要</p></p></html>…