Javascript

【jQuery】【Javascript】radioボタンのイベントが取得できなかった時のメモ

取得できないわけない...と思い苦戦していた。そしてよーく見ると <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>

【javascript】highchart.jsを使ってみた

基本的には下記サイトのコピペで行ける気がする。コピペで生きてます。 www.highcharts.comしかし、利用する際はAPIたたいてレスポンス受けとってその結果をグラフに反映みたいなことが多いのかな。その際はdataをどうするかというと... 困ったらググってコ…

【Javascript】Promiseの簡単なまとめ

参考 JavaScriptプログラミング講座【Promise クラスについて】 //エグゼキュータ関数 function fuga (resolve, reject){ console.log("非同期処理の開始"); console.log("3秒待つ"); //3秒後に実行される関数 setTimeout(function(){ var success = true;//…

【AngularJS】【JavaScript】タブ切り替え

とりあえずソースメモ。 列の要素に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 …

【JavaScript】配列 & フォームの重複チェック

◼︎配列の要素内での重複チェック 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("重複あり…

【AngularJS】リンクを新規タブで開く

$location.path('/path', '_blank'); こうではなく window.open( '/path', '_blank' ); こうでした。 <a href="javascript:;" target="_blank">{{〜〜}}</a> では反映されませんでした。

【Javascript】フォームのドロップダウンリストへのアクセス

これが参考になった。 stackoverflow.com

【wordpress】【CSS】 【JavaScript】固定ヘッダー

参考 スクロールしたらヘッダーの一部だけ固定する - Qiita WordPress - 独自のCSSやJSを読み込むwordpressで独自のjavascriptのファイルを読み込みしたい時はhtmlのheadに書く方法では色々と不都合があるので、function.phpに記述するみたい。

【AngularJS】フィルタをかけようとorderByしたけど効かなかった

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: "ふたつめ"みたいなコールバ…

【JavaScript】XMLHttpRequest

Ajaxって何の略なんだろうと調べたら Asynchronous JavaScript + XML「非同期通信」と「ダイナミックHTML」で Ajax らしい。 ページを再読み込みすることなく、動的にhtmlの内容を変更できるのが良いんだね。それで、非同期通信を行うためのAPIが XMLHttpReq…

【JavaScript】時間の差の求め方

何時間以内なら「new」みたいにラベルを貼りたい時に現在時刻との時間の差が必要になる。 そんな時は以下のようにして求められる。 var now = new Date('2016/02/16'); var targetDate = new Date('2016/02/15'); var diff = (now.getTime() - targetDate.ge…

【AngularJS】factory使ってapiたたく

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) { …

【AngularJS】 ng-modelとng-initとrouteProvider

◼︎ng-init

【AngularJS】DIとか配列アノテーションとか依存性注入とか$injectプロパティとか

参考 AngularJSの依存性注入を利用するには? - Build Insider .controller('MainCtrl', ['$scope', 'JsonData', function ($scope, JsonData) { … .controller('MainCtrl', function ($scope,$cookies,$location,$rootScope,$sce) { ... とコントロール名の…

【Javascript】時間の計測

参考 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…

【AngularJS】ToDo List

今回も参考はドットインストール様 #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>

【AngularJS】ng-bind

参考 ngBind | AngularJS 1.2 日本語リファレンス | js STUDIO 例えば入力フォームで入力されたテキストを 動的に表示する場合 <input type="text" ng-model="name"> <p>こんにちは{{name}}</p> が一般的。そんで、ng-bindは何かと言うと ngBind属性は、Angularに指定したHTML要素のテキスト内容を与え…

【AngularJS】 入門

全部ドットインストールの内容。 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>…