JavaScriptの記事一覧

highlight.jsを使ってソースコードをきれいに表示させる方法

highlight.jsを使ってソースコードをきれいに表示させる方法です。「highlight.js」を採用しようと思った理由は、シンタックスハイライト機能として定評があり、継続的に新バージョンが提供されていることがあ...

jQueryで「placeholder」に値を設定・書き換え・削除する方法です。「placeholder」とは、フォームなどの入力欄にあらかじめ記入されている薄い灰色のテキストのこと。主に記入例としてのテキストが記載さ...

Swiper.jsでテキストをスライドする方法です。 Swiper（Swiper.js）は、簡単にスライダーが作れるJavaScriptのプラグインです。トップページにスライドショーを実装しているサイトはたくさんあります...

JavascriptでGETパラメータを取得する方法です。 JavascriptでURLからGETパラメータを取得するには「URL.searchParams」を利用します。文字通り、検索クエリを保持するプロパティです。 ...

window.showModalDialogをwindow.openへ移行したときにやったことです。いずれも新しいウィンドウを開くという仕組みは同じですが、Google ChromeではshowModalDialogが...

jQueryでselectタグにて選択された値とテキストの取得方法です。 jQueryでセレクトボックスで選択した値は .val() テキストは .text() で取得できますが、ちょっとだけ注意が必要です。テキストは...

CSSとjQueryでtableタグのtr要素を表示・非表示(display)にする方法です。 divなどの通常要素では、displayプロパティを「none」や「block」にして操作しますが、tr要素では「block...

Javascriptで数値を3桁区切りする方法です。 Javascriptで数値を3桁区切りする、つまり金額表示ですね。 1234567 を 1,234,567 のように表示させます。最も簡単な方法としては toLoc...

jQueryでチェックボックス要素がcheckedか判定する方法です。要するに jQueryでチェックボックスのチェック状態を調べる方法ってことですね。多くのホームページのお問い合わせには、「プライバシーポリシーに...

jQueryで要素のdisabled判定・解除・設定する方法です。「disabled」属性とは、HTML要素に付与することで要素を無効化し、入力や選択などの操作を制限することができます。ホームページでは、コンタクトフォ...