Javascript 【javascript】パラメータ付きの同一ページ遷移するリンクでアンカーリンクを設定する方法
パラメータ付きの同一ページ遷移するリンクでアンカーリンクを設定する方法です。
別ページですとパラメータ＋アンカーリンクで問題ないのですが、下記のように
<a href="./?id=11...続きを読む
プログラミング・コーディング
Javascript Javascript 【JS、HTML】「前」「次」ボタンでページ内にコンテンツを切り替えるエリアを作成する
「前」「次」ボタンでページ内にコンテンツを切り替えるエリアを作成する方法です。
スライダーのようなものですが、表示の切り替わりかたは表示、非表示で切り替える方法です。
各コンテンツ内を自由...続きを読む
CSS 【コーディング】overflowでスクロールするようにした要素のスクロールできることを知らせるテキストを挿入する（スクロールすると消える）
レスポンシブ時にoverflowでスクロースできるようにしたテーブルやブロックを作成することがあるかと思います。
ただ、そのままだとスクロールできることが分かりにくい場合があります。
そこ...続きを読む
VBA selenium chrome VBA chromedriveを更新する方法 windows
seleniumでchrome操作をVBAで行う環境だとchromeブラウザが勝手にバージョンの更新をすることがあります。
その時はseleniumのchromedrive.exeを更新する必要...続きを読む
エクセル 【エクセルVBA】シートの入力範囲（データがある範囲）を取得する
エクセルで入力されているセル範囲を取得する方法です。
データが入っているセル範囲のmax列とmax行を数値で取得します。
ループ処理などで範囲を指定している場合、あてずっぽうでセル範囲を指...続きを読む
CSS 【CSS】CSSだけでアコーディンオン目次をアニメーション付きで作成する
SEO対策などを考えて、目次を導入するサイトが増えてきているようです。
一か所のアコーディオンのお為にわざわざjavascriptやjqueryを使うのも面倒な時にcssだけでアコーディオンを実...続きを読む
Javascript 【javascript】複数あるclassに対して処理を行う
javascriptで要素を取得する時、idで指定すると１つの要素を指定して処理が行われますので簡単なのですが、classは複数存在する可能性があるものですのでループ処理を行う必要があります。
...続きを読む
Javascript 【javascript】クリックでその要素のスタイルを変え、対応する別の要素のスタイルも変える
onclickでその要素のスタイルを変えて、加えて対応する要素をスタイルを変更するコードです。
フィールドをクリックするとその要素の背景を白くして、対応するパンくずを太字にします。
対応す...続きを読む
Javascript スライダーをslick.jsを使用して実装する方法
スライダーを導入する時に全て自作でとなると相当大変な上に変な動きになったりしてしまい、上手くいかないことが多いかと思います。
そんな時はツールを使うと簡単に実装することが出来ます。
ここで...続きを読む
Javascript 【jquery】現在あるメニューをモーダルメニューにする
ハンバーガーメニューを作成する時に現行サイトの修正だとサイトによって記述を変えることがあるので、汎用的なハンバーガーモーダルメニューを作成してみました。
1つのメニュー領域だけでなく複数のメニュ...続きを読む
Javascript 【javascript】画面に表示したらアニメーションで表示する
画面に表示したらアニメーションで表示するｊｓです。
jqueryなしで、IEにも対応しています。
デモ
HTML
<div class="fade_box" data-ani...続きを読む