中途半端を極める

web関連で役に立ちそうなものを紹介いたします

「 javascript 」 一覧

ヘッダ固定時のページ内リンクのずれを解消する方法

2015/08/13   -css, javascript

position:fixedを使ってヘッダを固定した場合、ページ内リンクの位置がヘッダの高さ分ずれてしまいます。どのように調整すればいいか紹介いたします。

[javascript]exvalidation.jsが動作しない時必見!代わりとなるjavascriptを紹介

2015/06/30   -javascript

jqueryのバージョンによってはexvalidation.jsが動作しない場合があります。 ※特に新しいバージョンのjqueryを使用しているときに動作しなくなった方が多いのではないでしょうか? 動 …

[javascript]レスポンシブデザインのWEBに使用できる!現在のウィンドウサイズの取得と判定をして処理を変更する方法

2015/03/26   -javascript

レスポンシブ対応のときウィンドウ幅でjavascriptの動きを変更したいと思ったことはないでしょうか。今回jQueryを用いてウィンドウ幅に合わせて処理を変更する方法を見つけましたので紹介いたします …

【javascript】西暦を自動的に更新されるようにjavascriptで表示する

2015/03/03   -javascript

今回は西暦を自動的に更新されるようにできるjavascriptをメモしておきます。 ・現在の西暦を自動的に取得する方法。 ・最終更新日の西暦を取得する方法。 2パターンあります。 コピーライトの部分と …

[javascript]複数の要素の高さを揃えるjavascript利用時にうまく動作しない時の対処法

2015/02/17   -javascript

「EqualHeight」や「flatheights」など複数の要素の高さを揃えるjavascriptを使用すると、SafariとGoogle Chromeではうまく動作しない場合があります。 うまく …

【javascript】複数の画像をウィンドウ幅に合わせてカルーセル風に実装(bxslider編)

2015/02/10   -javascript

ウィンドウ幅いっぱいにスライドを表示させたい。 そう思ってもなかなか思うような動作をするjavascriptを見つけるのが困難です。 見つけたとしても、それがレスポンシブに対応するのか否か。 そんなこ …

【javascript】高さをjQueryで取得する時Google Chrome、Safariでうまく動作しない時の対処方

2014/12/05   -javascript
 

jQueryで高さ(height)を取得する時、IEやFirefoxではうまく動作するけど、Google Chrome、Safariで動作しなくて困ったことは無いでしょうか?高さを調整するようなjav …

レスポンシブサイトにPC用とスマホ用の切り替えボタンをつける方法を紹介

2014/10/01   -javascript

最近レスポンシブサイトが増えてきました。スマートフォン用のサイトにはPC用を表示するボタンがついていますが、その機能を実装する方法を紹介いたします。javascriptを使用いたします。

【javascript】チェックボックスをチェックしないとサブミットできないボタン

2014/07/01   -javascript

個人的には結構使用する動作なので紹介いたします。 プライバシーポリシーや20歳以上の確認を行うときなどに有効ですね。 残念ながらフォームのスパム対策としてはおそらく効果は無いと思われます。

【javascript】レスポンシブデザインにも使用できる!マウスオーバーするとメインの画像が切り替わるjQuery「ImageNavigation」

2014/06/25   -javascript

今回はマウスオーバするとメインの画像が切り替わるjavascriptを紹介いたします。 FLASHなどではこのような動きをするものはあるのですが、jQueryではなかなかありそうでない動きですので、重 …