web関連 - 言語-javascript
-
プログラミング
【javascript】リダイレクト処理をする際の注意という記事について
2020/04/02プログラミング言語-javascriptもし、検索エンジンから入ったページでリダイレクト処理がかかってて特定のページに飛ばすとリファラーが自サイトになるのとurlのパラメーターが抜け落ちるみたいなことが書かれている記事があったので備忘録 備忘録 リダイレクト周… -
プログラミング
【js】javascriptとjQueryの幅の取得方法
2020/03/27プログラミングjQuery 言語-javascriptjavascriptとjQueryでの幅の取得方法の備忘録 要素の幅を取得するjavascriptとjQuery 前回まとめきれなかったので実質前回の続き 使用するソースコード <style> #conten… -
プログラミング
【javascript,css】svgで複数の円グラフアニメーション2
2020/03/26プログラミングcss jQuery 言語-javascript前回、svgで複数の円グラフアニメーション作ったけどその続きでレスポンシブに対応させたアニメーション付き円グラフ 前回の続き レスポンシブに対応した円グラフアニメーション 円グラフが入ってるdiv要素の幅を取得して円グラ… -
プログラミング
【javascript】paddingを含まない幅の取得方法
2020/03/25プログラミングjQuery 言語-javascriptjavascriptでpaddingを含まない幅を取得しようとした時の備忘録 javascriptでpaddingを抜いた幅の取得方法 先に言っておくと最終的にはpaddingを含まない幅を取得するのにjQueryの.w… -
プログラミング
【javascript,css】svgで複数の円グラフアニメーション
2020/03/24プログラミングcss 言語-javascriptカスタムデータ属性に入れた数値をもとにアニメーションする円グラフを作成したときのメモ 円グラフのソースコード とりあえず円グラフ2個用意した <style> .pie_chart{ transform:rot… -
プログラミング
【css,js】css変数の書き方とjavascriptでの操作
2020/03/12プログラミングcss 言語-javascriptcssで変数(カスタムプロパティ)が使えるってことなんで備忘録 IEでは使えないっぽい css変数の使い方 //変数の定義 :root { --like-name: red; } //css変数の使い方 //プロパティ:… -
プログラミング
【wordpress・JS】トップページで記事を次から次へと読み込む方法
2020/03/06プログラミングwordpress 言語-javascriptwordpressでトップページにカスタム投稿の一覧を用意して「もっと見る」をクリックしたら記事の続きがどんどん表示されるって機能をつけたかったときの備忘録 必要なもの jQueryのプラグインautopager.jsを… -
プログラミング
【js】特定のclassを持つ要素をアンカーリンクで囲む
2020/02/28プログラミング言語-javascriptモーダルを使うサイトで特定のclassを持つ要素をaタグで囲んで、クリックしたらモーダルが開くようにしたときの備忘録 特定のclassを持つ要素をアンカーリンクで囲む モーダルは「FancyBox3」を使用 HTMLコー… -
プログラミング
【js】mouseover()とmouseover()のバブリングについて
2020/02/21プログラミング言語-javascriptバブリングっていうのがあるということで調べた時の備忘録 バブリングとは まずは、デモを見た方が早いかも ソースコードは以下 <div class="parent"> 親です <div… -
プログラミング
【js】jQueryのhover()の書き方
2020/02/14プログラミング言語-javascriptjQueryの.hover()なんだけどホバーした時としていない時の条件分岐が見たことない形だったので備忘録 .hover()の書き方 <div class="btn">これはボタン<…