JavaScript&CSS JavascriptCSSふわっとgetElementsByClassName 【JavaScript＆CSS】画面をスクロールした時に横からふわっと出現させる方法 中山テック 代表の中山です。 さて、以前似たようなブログを執筆しましたが、リファレンス的に残してるので気になさらぬよう・・・ 今回はスクロールして該当の位置に到達すると横からふわっと画像や文字を出す方法についてのブログとなります。 早速、お話したいと思います。 ※参考ページ サンプル function fy_effec... 2023年12月21日 中山テック代表
JavaScript&CSS Javascriptオブジェクト移動window.getComputedStylegetPropertyValue 【JavaScript】オブジェクト(ボタンや広告等)の位置を上下に移動させる方法～styleをいじる～ 中山テック 代表の中山です。 さて、Excel系とJavaScriptのブログの「索引」ボタンの横に上下矢印ボタンを設置しました。 ※パソコンとタブレットで見られます ▲ボタンをクリックするとボタンが上に、▼ボタンをクリックするとボタンが下に移動します。 というのも、「索引」ボタンの位置と文字・画像が被って見辛い！と思... 2023年12月19日 中山テック代表
JavaScript&CSS JavascriptwordpressgetElementsByClassName出し分け 【JavaScript】ラジオボタン選択値を画面上に表示する～addEventListnerの使い方も～ 中山テック 代表の中山です。 さて、今回も記事数がかなり多いテーマ、ラジオボタンについてです。 久しぶりに「オンライン見積サービス」を復活させ、ラジオボタンの選択値でお値段を設定する処理を行ってました。 ただ久しぶりに記述する処理なのでまた使う時忘れないよう、備忘を込めたブログとなります。 では早速お話したいと思います... 2023年12月18日 中山テック代表
JavaScript&CSS JavascriptwordpressgetElementsByClassName出し分け 【JavaScript】wordpressのカテゴリを判断して出し分けする方法 中山テック 代表の中山です。 当サイトでは様々なジャンルのブログを執筆してますが、当然カテゴリの数もなかなかに多いです。 そこでカテゴリ毎に出し分け出来ないか？と思ってましたが、PHPで試す程の時間もなくJavaScriptでの実装と相成りました（汗 どのように実装すれば良いのか、JavaScriptのプログラムを交え... 2023年12月12日 中山テック代表
JavaScript&CSS Javascript見出しquerySelectorAllスクロール制御 【JavaScript】複数の要素(クラス、h2やpタグ等）を取り出して見出しを作る 中山テック 代表の中山です。 TOPページをちょっといじりまして、見出しに到達したらタイトル表示するようにしました。 ※他のページには差し込んでません ということもあり、各テーマでの索引を追従メニューとして追加しました。 どのように実装すれば良いのか、JavaScript＆CSSのプログラムを交えてご紹介いたします。 ... 2023年12月12日 中山テック代表
JavaScript&CSS Javascriptonloadbuttondialog 【JavaScript】ボタン押してダイアログ表示する方法～外タップで閉じる方法も～ 中山テック 代表の中山です。 とある人気ゲームレビューと東京競馬場、中山競馬場のブログをちょっと前に分割しました。 その際に見たい内容が分散してしまい「どこのブログに載っていたか」がわかり辛い！ ということもあり、各テーマでの索引を追従メニューとして追加しました。 どのように実装すれば良いのか、JavaScript＆C... 2023年12月1日 中山テック代表
JavaScript&CSS Javascriptonload画面開いた時プルダウン 【JavaScript】画面開いた時プルダウンメニューを動的に作る方法 中山テック 代表の中山です。 ホームページ運用をしていると、複数のページに同じ処理を記述しなければならない時が来ます。 ページを開く⇒コピペした処理を貼り付ける⇒ページを閉じるの繰り返しと非常に面倒です。 人の手って思ったより不正確であり、コピペミスが発生する可能性もあります。 ではどのような対処すればよいのか、お話し... 2023年11月24日 中山テック代表
JavaScript&CSS Javascript改行文字列処理 JavaScriptの文字列を改行する方法、処理の改行可能か？～横が長くて見辛い～ 中山テック 代表の中山です。 さて、最近ではゲーム系ブログにJavaScriptをガンガン書き込んでおります。 ちょっと重くなったかもですが 文字列を定数化させることが多いのですが、長くなってしまうこともしばしば。 所が普通に改行してしまうとエラーが発生します。 ではどのように改行すれば良いのか、文字列とプログラムの両... 2023年11月21日 中山テック代表
JavaScript&CSS JavascriptCSSanimationスライド JavaScript×CSSで画像(広告等)を滑らかにスライドさせる方法～位置も固定させる～ 中山テック 代表の中山です。 突然ですが、スマホでもパソコンでも画像が横にスライドする処理を見たことがありませんか？ 弊社でも以前ゲームブログ内でスライド式広告を表示させていたことがあります。 ※×ボタンを押下すると広告を非表示にさせるという機能付き そんな今回は「複数の画像をスライドさせる」方法についてお話したいと思... 2023年11月14日 中山テック代表
JavaScript&CSS Javascriptふわっとanimation消す 【JavaScript×CSS】×ボタン押したら広告を削除する方法～画像代用も可～ 中山テック 代表の中山です。 先日のブログでは、ページ開いて200pxスクロールすると画面最下に固定バナーを表示・追従させました。 今回は「固定バナーを消せるようにする」「消すためのアイコン(または×ボタン)を実装」「消す際に画像を変える」機能をご紹介いたします。 早速、やっていきましょう！ ※先日のブログから肉付けし... 2023年10月30日 中山テック代表
