Category / JavaScript
【JavaScript】配列から要素を削除する方法
2016-04-13 問題 配列から要素を削除するには？ 答え それぞれ、配列から要素を削除すると同時に、戻り値で削除した要素も取得できます。 先頭の要素を削除 → shift var arr = [ "a", "b", "c", "d", […]
【JavaScript】配列に要素を追加する方法
2016-04-12 問題 配列に要素を追加するには？ 答え 先頭に要素を追加 → unshift var arr = [ "a", "b", "c", "d", "e" ]; arr.unshift("x"); // arr → [ "x" […]
【JavaScript】配列の要素を置き換える方法
2016-04-11 問題 配列に要素を置き換えるには？ 配列の要素を部分的に差し替えるには？ 答え spliceでできる。 var arr = [ "a", "b", "c", "d", "e" ]; arr.splice(2, 2, "x […]
【JavaScript】数値→文字列、文字列→数値の変換
2016-01-24 問題 JavaScriptでの、数値→文字列、文字列→数値の変換はどうするのがいいですか。 答え 数値→文字列 var num = 123; String(num); // "123" num.toString(10); […]
jqueryUIのautocompleteを日本語確定後に実行させる方法
2015-11-06 問題 jquery.ui の autocomplete で、日本語入力が未確定の状態でも候補が表示されてしまい、邪魔だといわれました。 日本語入力中は候補を出さないで、日本語入力が確定してからautocompleteでき […]
【JavaScript】全角スペースは使ってよい（仕様では）
2015-06-19 問題 JavaScriptに全角スペースが入っているのを見つけたのですが、エラーも何も問題が発生していないです。 そんなもんなんですか。 //↓ifの後ろに全角スペースが！ if (a > 0) { } 答え JavaS […]
【GoogleAnalytics】リンククリックの集計
2015-03-15 問題 Google Analytics で、バナーのクリックなどを集計したい！ 答え GoogleAnalyticsのga関数を呼ぶとできる。 clickならonclickに仕込んだり、JavaScriptの処理中に含め […]
TinyMCEで編集画面、プレビュー画面と最終的な表示をなるべく一致させる
2015-02-11 問題 TinyMCEを使って、管理画面にWYSIWYGな入力画面、確認画面を作ったのですが、登録したHTMLを表示しているWebサイトの画面と見た目が一致しないです。 どうするとよいでしょうか。 答え TinyMCEの編 […]
【JavaScript】 function文とfunction演算子
2015-01-30 問題 function func() { //... } と var func = function() { /*... */ } は、どう違うの？ 答え 文（function文）か式（function演算子）かという違 […]
【JavaScript】動く雲っぽいものを表示する
2014-07-07 問題 ブラウザで、流れていく雲のアニメーションみたいなのを表示したいです。 答え 領域の大きさ、背景色は、CSSかstyle属性で指定してやってください。IDはskyにした。 HTML <div id="sky" […]
JavaScriptで入力候補機能（autocomplete）をoffにする
2014-05-11 問題 HTML画面のフォームの入力欄で入力候補や入力履歴が出ないようにしたい。 答え input要素それぞれには、以下のようにするとよい <input type="text" name="xxx" value="" […]
【JavaScript】符号を返す
2014-05-04 問題 数値の符号を返してくれる関数ないですか。 正の数なら 1、負の数なら -1、0なら0を返して欲しいです。 答え 素直に if文。 function sign(n) { if (n > 0) return 1; el […]
【JavaScript】文字列の配列を長い順にソートする
2014-05-03 問題 文字列の配列があります。 これをJavaScriptで、文字の長い順にソートしたいです。 答え Arrayのsortは並び替え方法を指定しないと辞書順にsortするけど、指定すればいろいろな並び替えができる。 // […]
【JavaScript】F5キーでのリロード禁止
2014-05-02 問題 ブラウザでF5キーを押してもリロードしないようにしてください。 F5のキーコードは116なので、116だったらイベントを無効化する。 キーボードのF5を無効化するだけなので、右クリックの更新や、アドレスバーからの再 […]
【JavaScript】ある月の日数を計算する
2014-04-14 問題 JavaScriptで、ある月が何日あるか、日数を計算するには？ 答え ある月の日数を知りたかったら、翌月の0日（=当月末日）が何日になるかを見るとよい。 function days(year, month) { […]
【JavaScript】自動カナ入力
2014-02-09 問題 名前を入力したら、フリガナも自動入力して欲しい！ 答え jquery.autoKana.js が使える。 https://github.com/harisenbon/autokana 入力中の文字を全角ひらがな、ま […]
【JavaScript】「ページの上に戻る」いろいろ
2014-01-16 問題 よくある「ページの上に戻る」のボタンで普通に上に戻るだけではおもしろくない。 何か変わった「ページの上に戻る」をください。 答え デモが見やすいように、わざとページを長くしておきます。 DEMO 「ページの上に戻る […]
【JavaScript】 Uncaught SyntaxError: Unexpected token ILLEGAL
2013-10-06 問題 「Uncaught SyntaxError: Unexpected token ILLEGAL」ってなあに？ 答え 「Uncaught SyntaxError: ～」系のエラーは、たいていタイプミスや { に対する […]
【Bootstrap】datepicker（日付選択UI）
2013-08-30 問題 Bootstrapを使っているのですが、日付選択UIはやっぱりjqueryuiのdatepickerを使うしかないでしょうか…… jqueriy.ui.datepicker はいいと思うんだけど、読み込まないといけ […]
【JavaScript】単項 + 演算子で数値にする
2013-08-29 問題 文字列を数値にするには？（「”5″」を「5」にするなど） 答え 「単項 + 演算子」が簡単。 見慣れないと奇妙だけど、一般に高速で、記述もコンパクト。 +"5" → 5 +"-123" → […]