【Googleチャート】ツールチップのフォーマットを書き換える

サンプルは以下。 See the Pen Google Chat Custom Tooltip 1 by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 同じデータのグラフですが、…

Read more

【javascript】アロー関数

会社のエレベータで二十四節気を延々説明してるので1年いれば覚えられるんじゃなかろうか。 また久々です。 今回はアローを使ってみました。 // よくあるやつ var test_a = function(aaa) { ret…

Read more

jQuery.post()とjQuery.ajax()

jQueryの日本語版リファレンスには、「$.postは$.ajaxの略記です」とあります。パッと見では理解できなかったのですが、それほどややこしい話でもありませんでした。 jQuery.post()は以下のように使いま…

Read more

Javascriptのスコープチェーンについて

スコープ関係は基本的な話だと思うのですが、いまだに悩まされることが多いです。今回はスコープチェーンと呼ばれる仕組みについてです。 引用します。 JavaScript では関数内で宣言された変数は、その関数内でしか見ること…

Read more

AjaxでもURLを変更したい

pushStateという関数で、履歴やURLを操作することができるようです。 たとえばWordPressの検索画面をAjaxで動かしていたら、以下のようにすることで、 AjaxでもURLを変更することができます。 jQu…

Read more

JavaScriptでSet演算

重複する値を許さないコレクションSetで、python,rubyでは集合演算の機能が提供されていますが、jsではありません。 なので演算したい場合は自分で書かなければなりません let s = new Set([1,2,…

Read more

jsとjQueryでforeachを行う

phpでよく使うforeachですが、jsとjQueryでもやっぱりできる!!とのことなのでハックに残しておきます。 【javascript】 //forEachメソッドを使う var a=[1,2,3,4,5] a.f…

Read more

【javascript】length の罠

久々の投稿。寒いと色々進まなくなりますね。 よく javascript で .length をよく使うかと思います。 // こんな感じ。。。 var count = list.length ; for(var i = 0…

Read more

配列をJavaScriptで表示する

PHPの配列をどうにかこうにかしてJavaScriptに渡してひとつずつセットする方法です。 ex.「r_info」という文字列に配列が入っている場合 var content = ”; for (i = 0; i &l…

Read more

Google Maps オリジナルデザインにカスタマイズ

Google Mapを描画する関数内に http://code.prostaff1.com/sample/10_google-map/styledmaps/ こちらで生成したjsonコードを記入(次のコードは例) // …

Read more

Javascriptでcheckedやvalueを取得する際の注意点

条件によって画面上にフォームの要素が表示される/されないといった場合には if (dojo.byId(‘flag0’) && dojo.byId( ‘flag0’).checked) { //処理を書きま…

Read more

配列に保持してある分だけマーカーを作成(Google Maps)

// 変数 map_canvas var map_canvas; // 配列の生成 var data = new Array(); data.push({lat:’35.319933′, lng:’139.487519’…

Read more

Javascriptで座標データを配列にするとき

var 変数名 = newArray(); 変数名.push({lat:’緯度の数値’, lng:’経度の数値’, name:’名前’}) 変数名.push({lat:’緯度の数値’, lng:’経度の数値’, name…

Read more

WordPressのContactForm7だけで作る簡易招待システム

下記仕様の「招待システム」をWordPressのContactForm7とJavaScriptのみで実装する方法です。 フォームを送信すると自分の招待コードが発行される 招待コードとフォームURLを友達に伝え入力してもら…

Read more

Mac / Winのブラウザにおけるkeydownの処理の違い

MacのChromeとWinのChromeでどうもkeydownの動作が違うようなので、検索してみたところ、以下のような記事に到達しました。 JavaScriptのキーイベント・キーを押し続けた場合のブラウザ毎のイベント…

Read more