TechMemo

  • HOME
  • HTML
  • CSS
  • JavaScript
  • SEO
  • WordPress
  • EC-CUBE
  • WEBサービス
  • WEBチートシート
  • About
  • お問い合わせ

JavaScript

直前に開いていたページに戻るリンクを実装する方法

himecas
2022/05/16
JavaScript
No Comments
直前に開いていたページに戻るリンクを実装する方法

直前に開いていたページに戻るためのリンクを実装する方法をご紹介いたします。 ブラウザの戻るボタンを使えば良い話ではありますが、フォームの確認画面などで使うケースが結構あったりするので、覚えておいて損はないかなと思います。…

Continue reading

jQueryを使って要素の高さをブラウザの高さにぴったり合わせる方法

himecas
2021/01/04
JavaScript
No Comments
jQueryを使って要素の高さをブラウザの高さにぴったり合わせる方法

jQueryを使って、要素の高さをブラウザの高さに合わせる方法をご紹介いたします。 例えば、メインビジュアルを画面いっぱいに表示したい時などに活用できます。CSSの指定だけでは思ったような表示にならない場合に参考にしてい…

Continue reading

JavaScriptで変数内に特定の文字列が含まれるかどうかを調べる方法

himecas
2020/10/13
JavaScript
No Comments
JavaScriptで変数内に特定の文字列が含まれるかどうかを調べる方法

変数に入れた値の中に特定の文字列を含むかどうかで条件分岐させる方法をご紹介いたします。 JavaScriptを実装していると、結構使えるケースが出てくるので、覚えておくと役立つかと思います。 JavaScriptで変数内…

Continue reading

下にスクロールで非表示、上にスクロールで再表示する固定ヘッダーを実装する方法

himecas
2020/09/24
JavaScript
No Comments
下にスクロールで非表示、上にスクロールで再表示する固定ヘッダーを実装する方法

下にスクロールしたら消え、上にスクロールすると再表示される固定ヘッダーを実装する方法をご紹介いたします。 以前、素のJavaScriptで実装する方法はご紹介しましたが、今回はjQuery版です。 下にスクロールで非表示…

Continue reading

CSSとjQueryでセレクトボックスのテキストを中央寄せにする方法

himecas
2020/08/19
JavaScript
No Comments
CSSとjQueryでセレクトボックスのテキストを中央寄せにする方法

CSS+jQueryを使ってセレクトボックスのテキストを中央寄せにする方法をご紹介いたします。 jQueryを使って選択されたオプションを動的に代入することで、選択中のオプションの表示にも対応しています。 jQueryを…

Continue reading

スマホとタブレットで:hoverの挙動を無効化する方法

himecas
2020/08/17
JavaScript
No Comments
スマホとタブレットで:hoverの挙動を無効化する方法

スマホやタブレット等のタッチデバイスでは、リンクやボタンに指定した:hoverのスタイルが邪魔になるケースがあります。というか、タッチデバイスでは:hoverの挙動は不要ですよね。 タッチデバイスでのみ、一括して:hov…

Continue reading

JavaScriptで数字を3桁カンマ区切りに変換する方法

himecas
2020/08/11
JavaScript
No Comments
JavaScriptで数字を3桁カンマ区切りに変換する方法

JavaScriptで数字を3桁のカンマ区切りに変換する方法をご紹介いたします。 変換元が数値/文字列だった場合のそれぞれの変換方法と小数点以下がある場合についても解説いたします。 JavaScriptで数字を3桁カンマ…

Continue reading

jQuery UI Datepickerのカレンダーを任意の場所に挿入する方法

himecas
2020/08/05
JavaScript
No Comments
jQuery UI Datepickerのカレンダーを任意の場所に挿入する方法

フォーム内で日付をカレンダーから選択できるようになる「jQuery UI Datepicker」で表示されるカレンダーのコードは、</body>の直前に挿入されます。 ※ui-datepicker-divとい…

Continue reading

jQuery UI Datepickerのカレンダーを祝日対応する方法

himecas
2020/08/03
JavaScript
No Comments
jQuery UI Datepickerのカレンダーを祝日対応する方法

フォーム内で日付をカレンダーから選択できるようになる「jQuery UI Datepicker」ですが、表示されるカレンダーは祝日に対応していません。 日曜日と祝日の色を変えたいという要望があり、カレンダーに日本の祝日を…

Continue reading

シンプルなニュースティッカーを実装できるjQueryプラグイン「jquery.simpleTicker.js」

himecas
2020/07/28
JavaScript
No Comments
シンプルなニュースティッカーを実装できるjQueryプラグイン「jquery.simpleTicker.js」

jquery.simpleTicker.jsは、回転したり横からスライドインしてくるニュースティッカーを実装できるjQueryプラグインです。 挙動については、以下デモページよりご確認いただけます。 デモページを見る j…

Continue reading

  • « Previous

最近の投稿

  • <span class="title">Advanced Custom Fields PROの機能を拡張できるWordPressプラグイン「Advanced Custom Fields: Extended」</span>
    Advanced Custom Fields PROの機能を拡張できるWordPressプラグイン「Advanced Custom Fields: Extended」
  • <span class="title">画像をフワッと拡大表示するlightbox機能を追加するWordPressプラグイン「Simple Lightbox」</span>
    画像をフワッと拡大表示するlightbox機能を追加するWordPressプラグイン「Simple Lightbox」
  • <span class="title">定期的にサイトの脆弱性をチェックしてくれるWordPressプラグイン「WPScan」</span>
    定期的にサイトの脆弱性をチェックしてくれるWordPressプラグイン「WPScan」
  • <span class="title">ログイン/ログアウト時のリダイレクト先を設定できるWordPressプラグイン「LoginWP」</span>
    ログイン/ログアウト時のリダイレクト先を設定できるWordPressプラグイン「LoginWP」
  • <span class="title">EC-CUBE4でタグIDによる商品の絞り込みができるようにする方法</span>
    EC-CUBE4でタグIDによる商品の絞り込みができるようにする方法

カテゴリー

  • HTML (32)
  • CSS (147)
  • JavaScript (145)
  • SEO (57)
  • Wordpress (971)
    • Wordpressインストール (71)
    • Wordpressプラグイン (605)
    • テーマカスタマイズ (306)
  • Drupal (17)
    • Drupalインストール (8)
    • Drupalモジュール (8)
  • EC-CUBE (43)
  • Webサービス (496)
  • Webチートシート (128)
  • ハードウェア (9)
  • ソフトウェア (95)
  • その他 (62)

Tags

Adobe CSS Drupal EC-CUBE Google HTML JavaScript jQuery li Linux Mac ol PHP rss SEO SNS ul Web Webサービス Windows WordPress インストール カメラ ギャラリー コメント セキュリティ セレクタ ソフト テーマ フォーム ブラウザ プラグイン プログラミング モジュール 動画 基礎 画像

本日の人気記事

  • テキストエディタで改行を置換する方法 テキストエディタで改行を置換する方法
  • サーバーのApacheが起動しているかどうか確認する方法 サーバーのApacheが起動しているかどうか確認する方法
  • ブラウザ上でPSDファイルを開いて編集までできちゃう「Photopea」
  • 他のページからのアクセス時に特定のタブコンテンツを開く方法
  • table-layout:fixed;を指定してもテーブルのwidthがうまく効かない場合の対処法

アーカイブ

  • 2022年7月 (1)
  • 2022年6月 (10)
  • 2022年5月 (6)
  • 2022年4月 (5)
  • 2022年3月 (5)
  • 2022年2月 (8)
  • 2022年1月 (3)
  • 2021年12月 (6)
  • 2021年11月 (6)
  • 2021年10月 (4)
  • 2021年9月 (8)
  • 2021年8月 (9)
  • 2021年7月 (6)
  • 2021年6月 (6)
  • 2021年5月 (4)
  • 2021年4月 (5)
  • 2021年3月 (7)
  • 2021年2月 (6)
  • 2021年1月 (11)
  • 2020年12月 (9)
  • 2020年11月 (7)
  • 2020年10月 (13)
  • 2020年9月 (8)
  • 2020年8月 (19)
  • 2020年7月 (16)
  • 2020年6月 (11)
  • 2020年5月 (6)
  • 2020年4月 (11)
  • 2020年3月 (8)
  • 2020年2月 (8)
  • 2020年1月 (12)
  • 2019年12月 (7)
  • 2019年11月 (8)
  • 2019年10月 (15)
  • 2019年9月 (13)
  • 2019年8月 (11)
  • 2019年7月 (22)
  • 2019年6月 (25)
  • 2019年5月 (26)
  • 2019年4月 (17)
  • 2019年3月 (12)
  • 2019年2月 (17)
  • 2019年1月 (15)
  • 2018年12月 (21)
  • 2018年11月 (24)
  • 2018年10月 (27)
  • 2018年9月 (10)
  • 2018年8月 (13)
  • 2018年7月 (22)
  • 2018年6月 (22)
  • 2018年5月 (23)
  • 2018年4月 (27)
  • 2018年3月 (23)
  • 2018年2月 (19)
  • 2018年1月 (20)
  • 2017年12月 (12)
  • 2017年11月 (16)
  • 2017年10月 (16)
  • 2017年9月 (15)
  • 2017年8月 (21)
  • 2017年7月 (32)
  • 2017年6月 (25)
  • 2017年5月 (21)
  • 2017年4月 (17)
  • 2017年3月 (25)
  • 2017年2月 (30)
  • 2017年1月 (40)
  • 2016年12月 (27)
  • 2016年11月 (19)
  • 2016年10月 (29)
  • 2016年9月 (23)
  • 2016年8月 (25)
  • 2016年7月 (25)
  • 2016年6月 (31)
  • 2016年5月 (24)
  • 2016年4月 (26)
  • 2016年3月 (26)
  • 2016年2月 (27)
  • 2016年1月 (22)
  • 2015年12月 (17)
  • 2015年11月 (19)
  • 2015年10月 (20)
  • 2015年9月 (23)
  • 2015年8月 (18)
  • 2015年7月 (21)
  • 2015年6月 (19)
  • 2015年5月 (18)
  • 2015年4月 (16)
  • 2015年3月 (16)
  • 2015年2月 (10)
  • 2015年1月 (7)
  • 2014年12月 (8)
  • 2014年11月 (13)
  • 2014年10月 (11)
  • 2014年9月 (14)
  • 2014年8月 (9)
  • 2014年7月 (6)
  • 2014年6月 (21)
  • 2014年5月 (27)
  • 2014年4月 (27)
  • 2014年3月 (21)
  • 2014年2月 (24)
  • 2014年1月 (26)
  • 2013年12月 (31)
  • 2013年11月 (24)
  • 2013年10月 (24)
  • 2013年9月 (29)
  • 2013年8月 (28)
  • 2013年7月 (26)
  • 2013年6月 (25)
  • 2013年5月 (25)
  • 2013年4月 (26)
  • 2013年3月 (34)
  • 2013年2月 (36)
  • 2013年1月 (30)
  • 2012年12月 (38)
  • 2012年11月 (36)
  • 2012年10月 (15)

人気記事TOP3

  • input[type=”file”]の見た目を変更して選択ファイル名の表示やクリアにも対応させる方法 カテゴリ: CSS, JavaScript
  • テキストエディタで改行を置換する方法 テキストエディタで改行を置換する方法 カテゴリ: ソフトウェア
  • table-layout:fixed;を指定してもテーブルのwidthがうまく効かない場合の対処法 カテゴリ: CSS

検索

カテゴリー

アーカイブ

Our Sponsors

Copyright © 2012 TechMemo