Bootstrap 【jQuery・Bootstrap4】ハンバーガーメニューが動作しなくなる。
サイトの改修をしていると、動いていたはずのBootstrap4を使用して作成したハンバーガーメニューが動かなくなっていた。ブラウザの開発者ツールを見ると以下のエラーが出ていた。Uncaught TypeError: Cannot conve...
jQuery
Bootstrap jQuery 【jQuery】ajaxを使うと「Uncaught TypeError: $.ajax is not a function」と表示される
ajaxを実行すると以下のようなエラーがブラウザの開発ツールに表示される。Uncaught TypeError: $.ajax is not a function原因はきっと、読み込んでいるjQueryのライブラリにあるはず。以下のようなラ...
JavaScript 【javaScript・jQuery】クリックした要素を削除する
例えば、ビンゴゲームの番号を追加していくサイトを作ったとして、間違った番号を追加したときに、その番号の要素を削除したいと思いますよね！そんなときに、要素をクリックしたら、その対象の要素が削除されるようになるソースコードを紹介します。やること...
JavaScript 【javaScript・jQuery】キーイベントで押されたキーを取得する
キー操作のイベントで押されたキーを取得する方法を紹介します。押されたキーを取得するには「keydown」のイベント内で「event.key」を使います。※「event.keyCode」は廃止されたようなので注意ソースコードを紹介します。<s...
JavaScript 【javaScript・jQuery】正規表現を使って、要素から特定のクラスを削除する。
jQueryの.removeClass()メソッドの引数に関数を入れることで、関数の戻り値に対応するクラス名を要素のクラス名から削除できます。コードとしては以下のように書きます。$("セレクタ").removeClass (function...
JavaScript 【javaScript・jQuery】ある範囲のランダムな数字の作成方法
javaScriptを使って任意の範囲の数字をランダムに出す方法です。方法は簡単！javaScriptで以下を書くだけです。Math.random() * ( (最大値 + 1) - 最小値 ) + 最小値;例えば、2から5の間の数字をラン...
JavaScript 【javaScript・jQuery】貼り付けられたテキストの改行をなくす
改行を禁止するやり方は、以下を参照上記の記事で紹介した改行の禁止方法では、エンターキーでの改行を無効にできても、改行されている文章を貼り付けられた場合は、改行されたままテキストエリアに貼り付けられてしまいます。せっかくテキストエリアなどでの...
JavaScript 【javaScript・jQuery】改行を禁止にする
フォームの入力欄でテキストエリアでの改行をできないようにしたいときはあると思います。そんなときの改行を禁止するためのソースコードを紹介します。＊「KeyboardEvent.keycode」や「KeyboardEvent.which」でもキ...
JavaScript 【javaScript・jQuery】動的に追加したhtmlタグがタグとして認識されず、文字として表示されてしまう。
javaScriptやjQueryを使って、動的にhtmlのタグを追加するときってありますよね。そんな時に、何も考えずにどこかのサイトからコピペしたソースコードを貼ると、htmlタグがタグではなく、文字として表示されてしまう...なんてこと...
JavaScript 【javaScript・jQuery】特定の文字数で文字列をカットしたい
webサイトを作成する際に、ある文字数以上は表示せずに末尾に「...」と追加して表示したいときとかありますよね！そんなときのソースコードは以下です。５文字以上の部分はカットして「...」と表示しています。サンプルの例で言うと、「あああああカ...