JavaScript

このカテゴリにはJavaScriptについての技術的な内容を記載しています。

プログラミング

JavaScript

サイトの表示をアクセス元から日本語、英語で切り替える方法

2019/4/15  

企業サイトなどで手持ちのサイトをアクセスしてきた国で日本語ページと海外向けの英語ページなどと切り分けて表示させたい場合があります。 そんな時にはブラウザーに設定されている言語コードで切り分けると簡単に ...

プログラミング

JavaScript

Javascriptで日付をYYMMDDの形で取得する方法

2019/3/29  

Javascirptで日付を扱うにはDateオブジェクトを利用します。 しかしながら

のようにそのまま利用すると [crayon-5d ...

プログラミング

JavaScript

JavaScriptで補色のRGB値を計算して視覚的に見せる方法

2019/3/27  

デザイン関係の書籍を見ると必ず出てくる「補色」というのがあります。 Wikipediaによると 補色(ほしょく、英: complementary color)とは、色相環 (color circle) ...

プログラミング

JavaScript

Javascriptで指定された文字列を全置換する方法

2018/12/12    

Javascriptで指定された文字列を置換する方法ですが、一番簡単なのはreplaceを呼ぶことなのですが、このreplaceは一致する最初の文字しか置換してくれません。 そこで今回は簡単に全置換し ...

プログラミング

JavaScript

Javascriptで疑似的にKeyUpイベントを発火させる方法

2018/12/10    

JavascriptでKeyUpイベントを発火させるのは意外に簡単そうで、なかなかうまくできませんでした。 でもわかれば1行でできるので、今回はそれをメモとして残しておきます。 Javascriptで ...

ソースコード

JavaScript

JavascriptでNumLock、CapsLock、ScrollLockキーのON/OFFを取得する方法

2018/12/5    

システム開発をしているとログイン画面でパスワードを正しく入力しているのにログインできないという問合せがよく来ます。 その中でも割と多いのが「大文字、小文字の違い、NumLockキーがOFFになっていて ...

プログラミング

JavaScript

jQueryでTableの高さを小数点の単位まで取得する方法

2018/11/30    ,

jQueryのバージョン2まではTableの高さなどの値を普通の方法では整数値になり取得できません。 (jQueryのバージョン3以降では対応できているようです。) そこで今回はjQueryのバージョ ...

プログラミング

JavaScript

jQueryはJavascriptでの直接DOMの操作より100倍遅いことが判明

2018/11/30    , ,

よくjQueryは直接JavascriptでDOMを操作するより遅いと言われるので本当なのかどうか検証してみました。 検証した結果ではかなりの処理時間の差があり、やはりjQueryの方が100倍ほど遅 ...

プログラミング

JavaScript

Javascriptの処理実行時間を取得する方法

2018/11/29    

Javascriptで開発を行っている歳に「処理の実行時間」を計測したい場合がよくあります。 そんな時のために「処理の実行時間」を計測するクラスを作成しておき、いつでも使えるようにしておくと便利です。 ...

プログラミング

JavaScript

Javascriptで指定された生年月日から年齢を計算する方法

2018/11/28    

Javascriptで指定された生年月日から年齢を計算します。 指定された生年月日から年齢を計算する方法 Javascriptには年齢を自動計算するメソッドなどは準備されていないので、自分で実装する必 ...

プログラミング

JavaScript

Javascriptのunshift、shift、pop、pushメソッドの使い方

2018/4/16    

Javascriptの配列には「unshift()」、「shift()」、「pop()」、「push()」という配列を操作するのに便利なメソッドが用意されています。 覚えているとプログラミングが楽にな ...

ソースコード

JavaScript

JavaScriptでゼロパディングして桁をそろえる方法

処理上、先頭に0を付加して桁数をあわせることを「ゼロパディング」といいます。 先頭に「0」をつないで「slice()」で最後からとれば簡単に実現できます。 JavaScriptでゼロパディングして桁を ...

JavaScript

Javascriptの変数は初期化して使わないとundefinedになるので要注意

2014/7/3    , ,

どんな言語もローカル変数は初期化して使うのが良い Javascriptに限らずどんな言語にも言えることなのですが、 変数、特にローカル変数はきちんと初期化してから使いましょう。 ちょっとした手抜きが思 ...

JavaScript

Javascriptで開いた子画面から親画面の関数を呼び出す

子画面から親画面の関数を呼び出す Javascriptで開いた子画面(ポップアップウィンドウ)から、親画面の関数を呼び出します。 子画面から親画面を操作するにはwindow.openerを使う Jav ...

JavaScript

Javscriptでイベントを追加する

2014/6/16    , , ,

Javscriptで既存のイベントに処理(関数)を追加する すでにあるイベントに処理(関数)を追加する方法です。 Internet Explorerの場合 対象のブラウザーがInternet Expl ...

SQLServer

JavaScript

setInterval()やsetTimeout()に引数ありの関数を指定する

2014/5/15    , ,

setInterval()やsetTimeout()に引数ありの関数を使う Javascriptでタイマーを実現する際に良く利用する setInterval()やsetTimeout()。 この関数の ...

JavaScript

ブラウザの閉じるボタンが押下された時の制御

ブラウザの閉じるボタン(「×」)が押下された時のイベント ブラウザの閉じるボタンが押下された時の制御はonbeforeunloadイベントで実施します。 onbeforeunloadイベントの使い方 ...

JavaScript

Javascriptで日付から曜日を求める

Javascriptで日付から曜日を求める Javascriptで指定された日付の曜日を取得します。 曜日はDateオブジェクトのgetDay()メソッドで求める 当日の曜日を求めるにはDateオブジ ...

JavaScript

モーダルダイアログを画面中央に表示する

モーダルダイアログを画面中央に表示 JavaScriptでモーダルダイアログを表示するには「showModalDialog()」を使用しますが、その表示したダイアログを画面の中央に表示します。 モーダ ...

プログラミング

JavaScript

ブラウザーに印刷プレビューボタン作成

ブラウザーに印刷プレビューボタンを作成する Internet Explorer(IE)で印刷プレビューボタンを作成する必要があったので、ちょっと調査した内容をメモ。 専用のActiveXObjectを ...

プログラミング

JavaScript

POSTをしても新しい画面が開かない方法

formをPOSTすると新しい画面が開いてしまう showModalDialogで開いた画面でformをPOSTをするとそのままでは新しい画面が開いてしまいます。 それをここでは新しい画面を開かずにP ...

プログラミング

JavaScript

JavascriptでTABLEタグに行を追加、削除する

2013/7/23    , , , ,

TABLEタグに行を追加、削除する Javascriptを使ってHTML上のテーブルに行を追加したり、削除したりする必要があったので、メモ書きしておきます。 Javascriptのソース [crayo ...

プログラミング

JavaScript

Javascriptでメッセージボックスを表示する

2013/7/18    , , ,

メッセージボックスを表示 画面にJavascriptでメッセージボックスを表示します。 久々にJavascriptで「確認ダイアログ」を出そうとしたらすっかり忘れてました。 メッセージボックスを表示す ...

ソースコード

JavaScript

Javascriptで値だけではなく型の一致もIF文でチェックする方法「===」、「!==」

2013/4/11    ,

とあるソースで、Javascriptで比較演算子の「=」が3つになっている部分を発見しました。 始めてみたので何かわらず調べました。 Javascriptで値だけではなく型の一致もIF文でチェックでき ...

プログラミング

JavaScript

HTMLで動的にコントロールの表示/非表示を切り替える

動的にコントロールの表示/非表示を切り替える HTMLとJavascriptを使って表示されているテキストボックス(INPUTタグ)の表示/非表示を切り替えます。 テキストボックス(INPUTタグ)の ...

プログラミング

JavaScript

エンターキーで次の入力エリアにカーソルを移動する

INPUTタグでエンターキーを押されたらカーソル移動する ブラウザー上にある入力エリア(INPUTタグ)でエンターキーを押下された時に 次の入力フィールドに移動するJavaScriptです。 Java ...

プログラミング

JavaScript

Google MapをJavascriptから利用する方法

2012/9/11    , , ,

Google MapをJavascriptから利用する方法方法です。 Googleの「Google Map」を利用する 先ずはGooleにあるサンプルから。 必要なjsファイルを読み込んで [cray ...

ソースコード

JavaScript

jQuery Mobileの基本ページ

jQuery Mobileの読み込み 今回はjQuery Mobileに関するものはCDNを使用して読み込みます。 (インターネット環境に接続しないで実行する場合は本家サイトからダウンロードして下さい ...

ソースコード

JavaScript

HTML-AタグのhrefをJavascriptで動的に有効/無効を切り替える。

Aタグのhrefの有効無効を切り替える 画面の選択状態によってAタグのhrefを動的に有効/無効を切り替える必要があったので作って見ました。 HTMLのソース 以下は作成したHTMLのソースです。 [ ...

プログラミング

JavaScript

Monacaプラットフォームでenchant.jsを動かしてみる

Monacaプラットフォームでenchant.jsを動かしてみます。 スマートフォンアプリを作って見ようと調べていると「HTML+Javascript」で開発できる環境「Monacaプラットフォーム」 ...

Copyright© ソフトウェア開発日記 , 2019 All Rights Reserved.