Category / JavaScript
【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" → -123 +"abc" […]
【jqueryui】datepickerしたinputのclone
2013-08-28 問題 jqueryuiのdatepickerで日付入力できるようにした要素をcloneして複製をどこかに追加したとき、日付入力できなくなってて困っているのですが。 答え ここまでやること。 //複製して var clon […]
【jQuery】easing関数を作る
2013-08-03 animateやslideDownなどの動きのある処理で使う、値の変化の仕方を指定できるeasing。 jQuery本体には linear, swing のみがあり、jQueryUIやeasingプラグインを追加するとバ […]
【jQuery】回転のアニメーションをする例
2013-08-02 問題 jQueryプラグインとか無しで、回転できる？ 答え 回転します。 jQueryプラグイン無しで、回転します！ jQueryのanimateは、数値で設定できるスタイルシートのプロパティでしかアニメーションできない […]
【JavaScript】文字数を数える
2013-07-30 問題 JavaScriptで、半角は2文字で1、全角は1文字で1とカウントしてみてください。 答え デモ JavaScript <input type="text" value="&q […]
【JavaScript】URLのクエリ文字列部分を取得する例
2013-06-08 問題 JavaScriptでURLのクエリ文字列部分を取得したい。 答え 指定したキーの値を取得する例。 <script> function getQueryVariable(variable) { var […]
【JavaScript】window.btoa('日本語') する
2013-05-27 問題 JavaScriptでbase64エンコード、デコードをするなら、window.btoa, window.atob がありますよね。 window.btoa('Hello!'); // → "SGVsbG8h" w […]
Google Mapsで地図用コンテナを非表示にして地図を初期化すると表示がおかしい
2013-05-09 問題 JavaScriptでのタブ切り替えと、Google Maps の地図の表示を組み合わせた画面を作っています（Google Maps APIを使ってます）。 非表示のタブに地図の表示をしようとすると、タブを選択した […]
入力もできるし選択もできるUIを作る（autocomplete、typeahead、コンボボックス）
2013-04-17 問題 ある入力欄で、一覧から選択もできるし、手入力もできるという操作ができるものを作りたいんだけど、簡単なのない？ 答え 「なるべく足さない、なるべく作らない」の方針で対応してみます。 以下、Bootstrapがあるとき […]
【JavaScript】IEかどうかを判別する（IE10からは条件分岐コメントが使えない）
2013-04-15 問題 IEかどうかを判別しようと思って以下のようにして、「その要素があればIEだ！」という判定をしていたのですが、IE10でできないみたい。どうしよう？ <!--[if IE]><div id="ie_ […]
ブックマークにJavaScriptを登録する
2013-04-14 ブックマークにはJavaScriptを登録できる ブックマークにはJavaScriptを登録できる。 URLがjavascript:alert(123);のブックマークを作ってクリックすると、alertが表示される。 使 […]
jQueryでパラパラ漫画
2013-04-08 普通の画像・写真で、アニメーションGIFっぽいことをする。 パラパラ漫画のような表示をする。 ↑ Nexus7の開封の様子 以下のコピー＆貼り付けで動くと思います（以下のソースはコピー、改変して自由にお使いください）。 […]
【JavaScript】alertでバックスラッシュの表示は
2013-04-07 問題 「\a\b\c\d\e\f\g\h\j」 とalert()で表示しようと思ったら？ 答え 「alert("\a\b\c\d\e\f\g\h\j")」 って書いちゃダメです。 「alert(&qu […]
【JavaScript】配列から空文字の要素を削除する
2013-04-05 問題 以下の配列から、空文字の要素を削除してください。 var a = ["", "123", "abc", "xyz", "", "987", "hoge", "", "fuga"] 答え 素直に1つずつ内容を見て、新 […]