SOFTELメモ Developer's blog

会社概要 ブログ 調査依頼 社員募集 ...

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" → […]