TAG : jQuery
-
- JavaScript
2022.10.02(jQuery版) video要素にマウスオンで動画を自動再生。
#082#082HTMLのvideo要素でmp4などの動画ファイルをサイトに埋め込み表示させているとき、jQueryを使って、マウスオーバーで再生、マウスアウトで停止させる方法のメモ。 ※ ライブラリーを使わずにネ...
-
- JavaScript
2022.02.07(jQuery版) マウスオンでカーソルに追従するツールチップを表示。
#066#066jQueryを使って、マウスオンでツールチップを表示、表示エリア内ではマウスポインタに追従するツールチップを表示させる方法のメモ。 ※ ライブラリーを使わずにネイティブJavaScript(Vani...
-
- JavaScript
2022.02.03要素の横幅と高さ、位置座標の取得。
#064#064JavaScriptでドキュメント内にある任意の要素の縦横サイズと位置座標を取得する方法。忘れるのでメモ。 ネイティヴJavaScriptで取得する場合 ライブラリ...
-
- JavaScript
2022.01.09ブラウザのウィンドウ高さの取得方法と動作デモ。
#063#063スマホブラウザ固有のメニューバーの高さが縦スクロールで変化することでブラウザのウィンドウ高さも変動するので、要素を全画面表示したい場合などでJavaScriptのどのプロパティーを参照してwindow...
-
- JavaScript
- PHP
2021.12.12テキストを1文字ずつ任意のHTMLのタグで囲うコーディングの一括処理。
#062#062見出しなどにCSSでアニメーションを付けるためにテキストを1文字ずつ任意のHTMLタグで囲いたかったので、一括でまとめて1文字ずつをコーディングする方法のメモ。 WordPressな...
-
- JavaScript
2021.08.04(jQuery版) フォームの入力内容をチェックしてエラーメッセージ表示。
#051#051jQueryを使って、フォームのinput要素とtextarea要素の入力内容をチェックしてエラーメッセージを表示する方法。(必須フィールドが未入力ならエラーにする。) フィールドが...
-
- JavaScript
2021.07.08ページをスクロールしてサイドバーが下端まで来たら固定して追従。
#049#049サイトのレイアウトが2カラムのときに、ページをスクロールしてサイドバーが下端まで来たら固定して追従させる方法。 ページのスクロール位置に応じてJavaScriptでサイドバーに任意の...
-
- JavaScript
2021.04.22(jQuery版) ページ内リンクをクリックでスクロール移動。
#034#034jQueryを使って、アンカーリンクがクリックされたらページ内の任意の位置にスクロールアニメーションで移動させる方法。 HTMLのマークアップ 移動したい位置にある...
-
- JavaScript
2021.01.29JavaScriptをページ読み込みの任意のタイミングで実行。
#023#023ブラウザがサーバーからレスポンスを受け取ったあと、ページ読み込みが完了するまでの間のJavaScriptの実行タイミングの指定方法。忘れるのでメモ。 DOMの解析の途中で任意に実行する。 ...