JavaScript(390)

390follower
@iwasaki さんのアバター 2views

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

条件によって画面上にフォームの要素が表示される/されないといった場合には if (dojo.byId('flag0') && dojo.byId( 'flag0').checked) { //処理を書きます } のよう... 2016年12月7日
Motoki Watanabe さんのアバター 14views

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

// 変数 map_canvas var map_canvas; // 配列の生成 var data = new Array(); data.push({lat:'35.319933', lng:'139.487519', name:'片... 2016年12月7日
Motoki Watanabe さんのアバター 13views

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

var 変数名 = newArray(); 変数名.push({lat:'緯度の数値', lng:'経度の数値', name:'名前'}) 変数名.push({lat:'緯度の数値', lng:'経度の数値', name:'名前'}) 変数... 2016年12月5日
goto_jp さんのアバター 47views

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

下記仕様の「招待システム」をWordPressのContactform7とJavaScriptのみで実装する方法です。 フォームを送信すると自分の招待コードが発行される 招待コードとフォームURLを友達に伝え入力してもらう 招待コードを... 2016年11月18日
Tomoumi Nishimura さんのアバター 71views

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

MacのChromeとWinのChromeでどうもkeydownの動作が違うようなので、検索してみたところ、以下のような記事に到達しました。 JavaScriptのキーイベント・キーを押し続けた場合のブラウザ毎のイベント差異 ( しゃいん... 2016年11月17日
goto_jp さんのアバター 10views

A-Frame入門:a-cylinder(円柱)とa-sphere(球)

「A-Frame」の<a-cylinder>について紹介します。 サンプル See the Pen A-Frame Basic : cylinder by Kazuyoshi Goto (@KazuyoshiGoto) o... 2016年11月11日
hirokas さんのアバター 14views

javascriptの配列

var data = new Array( ["", "", ""], ["", "", ""], ["", "", ""], ); data[0][0] 一行一列目のデータが取り出される。 配列でそれぞれのデータに名前をつけた場... 2016年11月11日
goto_jp さんのアバター 34views

【JavaScript】MutationObserverでDOMを監視する

ボタンクリックなどユーザが自発的にするイベント以外で、「ある要素がある状態になった時」にイベントを発生させたい時、その「ある要素」を監視する必要があります。そんな時にMutationObserverを使うことで解決します。 サンプル S... 2016年11月4日
tortuepin さんのアバター 6views

dojo.byId().onClick()の実体を探す

onClick()にかぎらず、dojo.byId().~~みたいなやつの実体をさがす。 ブラウザの検証からコンソールを開く コンソールにdojo.byId();を入力 スペルミスがなければ、コンソールに実体が出力される。 検索すれば... 2016年11月1日
goto_jp さんのアバター 47views

A-Frame入門:a-planeとa-box

最近ハマっている、HTMLだけでVR空間を作れるライブラリ「A-Frame」について紹介します。 準備 ヘッダーでA-Frameのライブラリを読み込む必要があります。今回のサンプルは下記のCDNを使っています。 https://cdn... 2016年10月27日
かしこ さんのアバター 31views

html タグを含む文字列を加工したいときのメモ

html タグを含む文字列を渡されて、色々加工したいときのメモ 例) var text = 'あいうえお<br />かきくけこ<br /><a href="#">さしすせそ</a>たち... 2016年10月13日
otaguro さんのアバター 99views

javascriptで和音を鳴らす

ちょうどいい和音を鳴らすツールがなかったので、自作しました。 OSによらず実行できるようにjavascriptで書いてます(デスクトップのChromeで動作確認済み)。 MIDI.jsというライブラリを使えば、javascriptで任意の音... 2016年10月6日
かしこ さんのアバター 36views

jQuery と html と css で複数選択可能なボタンを作る

タイトル通り、複数選択可能なボタンを作ろうと思い作成しました。 とりあえず、ボタンを押したら今押されているボタンのIDを取得して画面に表示させています。 ※ 細かいバグがあるかも ■ index.html <!DOCTYPE ... 2016年10月4日
@iwasaki さんのアバター 404views

JavascriptでUser AgentからiOSのバージョン番号を判別する方法

iOS10がリリースされましたね。 User AgentからiOSのバージョンを取得する方法ですが、バージョン番号は以下のような形式になっているようです。 iOS10.0 Mozilla/5.0 (iPhone; CPU iPhone... 2016年9月30日
かしこ さんのアバター 25views

サイト一覧に favicon.ico を付けていい感じにしたい

サイトの一覧を文字だけじゃなくて ・[アイコン] サイト名1 ・[アイコン] サイト名2  … のように表示したいと思いました。 <!DOCTYPE html> <html> <head>... 2016年9月27日
かしこ さんのアバター 30views

switch(true) というもの

最近初めて業務で見た ↓ のような書き方 <script> switch(true) { case test() : alert("ABCDE") ; // function test() が の re... 2016年9月21日
Kazutoshi Shinoda さんのアバター 68views

javascriptでエクスクラメーションマーク(!)2つ

javascriptでエクスクラメーションマークを2つ使っているところを見かけました。 !!obj これの意味は、objがundefinedでないとき、trueを返すというものらしいです。 undefinedというプリミティヴ値自体... 2016年9月20日
かしこ さんのアバター 35views

jQuery と php を連携させたい② ~ json ファイル表示・削除編~

先日作成した json 保存処理に機能を追加してみました。 (前回の → http://hacknote.jp/archives/22335/ ) 1) 保存した json を画面表示 2) json の削除(json ファイルの中身... 2016年9月15日
かしこ さんのアバター 63views

jQuery と php を連携させたい ~ json ファイル保存編~

画面から入力されたデータを php へ渡して json ファイルとして保存させる処理です。 入力値未記入でも保存はします。 (2016/09/15) : main.php を少し修正 ■ test.php ※ js、css も直書き... 2016年9月14日
かしこ さんのアバター 171views

jquery で xml ファイルを読み込む

xml ファイルを読み込んで画面に表示させようと思いました。 今回は html と javascript を分けています。 ■ test.xml (読み込む xml ファイル) <?xml version="1.0" encod... 2016年9月13日