javascript

javascript

スクロールや変化に応じて背景色を取得してハンバーガーメニューの色を動的に変化させる方法

スマホ対応などでグローバルナビゲーションを格納しハンバーガーメニューで開閉させるといった実装は一般的によくありますが、ハンバーガーメニューを固定で配置した際にス...
javascript

GET送信された内容をURLのパラメータからjavaScriptで取得する方法

GET送信されてきたデータをURLの「?xxx=yyy」といったパラメータからjavaScriptで取得することができたら便利ですよね? それができたら、フォ...
javascript

javaScriptでセレクトボックスに検索機能を付けるjQueryプラグインselect2の使い方

「セレクトボックスのオプションの項目が多すぎて目的の項目を選択するのが大変」といったお悩みはないでしようか?ユーザービリティを考えて、五十音順にならべるなど対策...
javascript

jQueryで電話番号を判別して動的にリンクを追加する方法

以前、「ブラウザがスマホサイズの時だけ電話番号リンクを表示させる方法」や、「電話番号の自動追加を無効にする方法」など紹介しましたが、今回ご紹介するJQueryで...
javascript

jQueryでブラウザの幅や高さがリサイズされたときに処理を実行する方法

レスポンシブでサイト制作していると、jQueryやjavascriptでもウィンドウ幅や高さのサイズの変更を動的に取得して処理を実行したいということがでてくると...
javascript

【JS・jQuery】マウスオーバーで画像を切り替える方法(プラグイン不使用)

ナビゲーションなど、ボタンをロールオーバーしたときに画像を違う画像に入れ替えたいといったことよくありますよね? 今回は、jQueryやJavaScri...
javascript

JavaScriptでブラウザを判定して処理を条件分岐する方法

「ブラウザの違いによってJavaScriptの挙動が違って動かない」、または、「特定のブラウザのみに対応するJavaScriptを設置したい」、「『お使いのブラ...
javascript

【Javascript】スマホ・タブレット・PCをユーザーエージェント判定で判別する方法

「このJavascriptの指定はPCの場合のみ利用できるようにしたい。」、「この指定はスマートフォンでのみ使用できるようにした。」など、スマートフォン、タブレ...
javascript

ページ読み込み時にjavascript(jQuery)を実行する方法

ページが読み込まれたときにjavascript(jQuery)の処理を実行させたい、といったことはよくあると思います。 今回は、ページにアクセスされ読み込まれ...
javascript

fullcalendarに複数のgoogleカレンダーを表示する方法

サイト内にカレンダーを表示させる方法はいくつかあると思いますが、 fullcalender.jsがgoogleカレンダーを直接埋め込むよりもデザイン変更が簡単...
スポンサーリンク