JavaScript(418)

417follower
かしこ さんのアバター 105views

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

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

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

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

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

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

switch(true) というもの

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

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

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

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

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

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

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

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

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

jquery で json ファイルを読み込んだときのメモ②

以前作成したjson読み込み処理に機能を追加してみました。 (※ 前のやつ → http://hacknote.jp/archives/22085/) 追加した機能としては 1) json が更新されたら再読み込みしなくても画面に変更... 2016年9月12日
Yukimi Sato さんのアバター 304views

Odometerを実装してみる

Odometer というカッチョイイJSを実装してみました。 仕様 クリックしたら数値変わる クリック用のナビゲーションつけよう 実装 HTML <ul> <li id="month" class="se... 2016年9月9日
かしこ さんのアバター 1,137views

jquery で json ファイルを読み込んだときのメモ

下のようなファイルを用意 ■ test.json { "室町幕府将軍" : [ { "名前" : "足利尊氏" , "生年" : 1305 ... 2016年9月7日
かしこ さんのアバター 20views

【javascript】上下左右を押されたか確認する

何かゲームを作りたくて、その第一歩としてキーボード操作を作成。 キー番号は色々あるので、必要に応じて調べます。 (2016/12/26:タイトルを修正, 文章を増やしたり) <script type="text/javascri... 2016年9月6日
tortuepin さんのアバター 51views

dojo.query()が便利

dojo.queryというのが出てきたのでしらべてみたらえらく便利でした。 dojo.query("#num .foo").forEach(function(item) { console.log(item.innerHTML);... 2016年9月2日
@iwasaki さんのアバター 341views

Google SheetsにJavascriptからアクセスするときに警告が出るようになった件

Access to Google Sheets data from this web page will soon start failing. For information on fixing this, see https://g.... 2016年9月2日
Tomoumi Nishimura さんのアバター 533views

HTMLCollectionで配列メソッドを使う

document.getElementsByTagNameとかでDOMをいくつか引っ張ってきたりすると、HTMLCollectionオブジェクトが返ってきます。 var selects = document.getElementsByTa... 2016年9月1日
hemause さんのアバター 39views

webアプリにおいて任意の動作に利用されているクラスの調べ方

ページ上で何もないところを右クリックして、「検証」を選択.  画面下部に色々表示されるので,「Network」タブを選択. 左上の「クリア」アイコンを押してから,調べたい動作をさせると,その時に発生したイベントがどのクラスによるものなのかが... 2016年8月29日
Tomoumi Nishimura さんのアバター 87views

JavascriptでUserAgentを取得する

javascriptでUserAgentを取得する場合、navigator.userAgentを利用します。 利用例 var userAgent = navigator.userAgent; alert(userAgent); // -... 2016年8月25日
otaguro さんのアバター 19views

Cayenneのbindを含むクエリログをクエリに変換する

実行されたsql文を監視するで取得したクエリログと同じクエリを PgAdminとかで実行したい時がよくありますが、 SELECT t0.CREATE_DATE, t0.CREATE_USER_ID, t0.NOTE, t0.OWNER_I... 2016年8月25日
Tomoumi Nishimura さんのアバター 1,644views

iOSのセレクトボックスの自動選択機能について

TL; DR iOSでは、multiple属性をつけたselect要素の動作に不具合があります。この不具合は、以下のように先頭にダミーのoptgroupを追加することで回避することができます。 <select multiple&g... 2016年8月19日
garbanzo さんのアバター 332views

ES6でjsonファイルをimportする方法

モジュールインストール $ npm install json-loader --save-dev javascript import data from 'json!./data.json'; webpackを使用している場合、... 2016年8月18日