javascript
古いjQueryでform制御したらsubmitできない、または「s[y] is not a function」になったとき。
どもです。
jQueryでフォームを制御していたら、submitできない事案が。
コンソールに「TypeError: s[y] is ... 全文を読む »
変数.match()でも配列を取得したい！
どもです。
jsの正規表現で、変数を使用したい場合。
var regexp = ... 全文を読む »
keyup / keydown の使い分け
どもです。
この頃、入力フォーム周りで色々やることが多いので備忘。
jQueryでキーを押したときの動作といえば、
keydown / ... 全文を読む »
jQueryのajaxでphpを実行して、配列を返り値にして再びjsで処理したい
input type="file"でアップロードされたファイル名を取得（IE9以下も）
onblurからのalertで再focusしたらバグる問題
どもです。
まこと久々のjs関係の更新です。
テキストボックスをonblurで入力チェック、
望んだものでなければalert(もしくはconfirm)を呼び、再びfocusで入力し直させる。
一般サイトだと時代遅れのブツではありますが、... 全文を読む »
複数のカテゴリから残り1つのカテゴリを絞り込み、選ばれたカテゴリからページを取得する
GoogleChrome、IEでwindow.openの幅・高さの設定が反映されなかったら
どもです。
jsでポップアップウィンドウを開くwindow.openについて、
些細な躓きを見つけましたのでご報告をば。
window.openでwidthを設定しているのに、GoogleChromeだと設定が反映されない
といったご相談を受けました。... 全文を読む »
jQueryでセレクタを複数指定するとコールバック関数も複数起動する
どもです。
ものっそい今更感あるのですが、初めて遭遇した事柄をば。
jQueryのメソッドに.animate()がありますが、これにはコールバック関数なるものを設定することができます。
.animate()の処理を終えたら稼働する関数なので、複数のアニメーションを繋げるときなんかによく使います。... 全文を読む »
スマホのとき、画像クリックで通話できるように
どもです。
スマホ等で閲覧したとき、電話番号の記載されている画像なんかをクリックすると、電話できると良い。
それ自体の実現は、<a href="tel:0000000000">で可能だけど、PC閲覧時にこれは要らない。
この方法はいくつかあるだろうけど、今回はjQueryの、ユーザーエージェント識別で対応することにしました。... 全文を読む »
選択した方・しない方、両方がlabelごと変化するラジオボタン
どもです。
長大なアンケートフォームを作ることになってしまいました。
できるだけ、入力者に負担をかけないフォームにするには、
とにかく文字数を少なくしたり、選択したものが明らかになったりする工夫が必要です。
選択したものを太字に、しないものを薄くしてみました。... 全文を読む »
レスポンシブに対応したカルーセル（スライドショー）ver2
Googleの画像検索っぽく、画像をクリックしたら大きな画像を表示したい
どもです。
小さい画像をクリックしたら大きい画像が表示される、というのは、よく欲しくなるプログラムです。
が、ライトボックスにはしたくない場合がままあります。
特にスマホサイト。
スマホサイトでライトボックスされると割と鬱陶しい。... 全文を読む »
jQueryでフリックイベントを作りたかった件
どもです。
カルーセルやスライドショーを作るとき、僕は基本的には自作jsを使います。
既成品のプラグインは作成元が日本でなくて権利関係がよくわからなかったり、汎用的故に余分なプログラムが入っていたりするのであまり使用したくないんですよね。
当然、僕の技術の及ばない範囲ではお世話にならざるを得ないのですが、
その「及ばない範囲」は狭いに越したことはない。... 全文を読む »
jQuery1系と2系でslideToggleの挙動が微妙に違う！
どもです。
ちょっとハマった事件を晒しときます。
グローバルナビのliをhoverすると子要素のulがslideToggleで出てくるというどこにでもある仕組みのjs。
以前作ったそれと全く同じ形のを別サイトに設置することになったのですが、hoverしても子要素のulが全く出てこない。... 全文を読む »
jquery.jpostal.jsを使って郵便番号から住所を検索する
どもです。
フォームメールを設置するとき、郵便番号や住所を入力する欄があることがあります。
郵便番号を入力したら自動的に住所が表示されると親切で良いですね。
というわけで、その方法です。
... 全文を読む »
ページを開くと自動的にライトボックスを起動させたい（しかもリンク先がHTML）
どもです。
ページを開くと自動的にライトボックスを起動させて欲しいとのことでした。
しかも、画像のライトボックスではなく、他ページのHTMLをライトボックスで表示させたいというご要望。
フリーで出回っているライトボックス系プラグインは、HTMLのライトボックスに対応していないものが多いです。
商用サイトは有償、のjQueryであれば結構あるのですが…... 全文を読む »
数値を割ったり掛けたりして照合したいときにご注意。「2.3」の罠。
レスポンシブサイトに対応したスライドするスライドショー
どもです。
スライドショーについて、フェードタイプのもの、カルーセルとしても使えるスライドするもの... 全文を読む »
スマホサイトによくあるタッチでスライドしてくるメニューってかなり簡単に作れる件。
どもです。
スマホサイトを作るにあたって、注意しなければならないのがヘッダー、特にグローバルナビゲーションだと思います。
PCサイトだとヘッダーに情報量が多くてもそこまで支障はありませんが（僕はヘッダーに情報を詰めるの嫌いですが）、スマホサイトで同じことやるとファーストビューがヘッダーのみ、しかも何度かスクロールして漸く本文が出てくるような惨状になります。
直帰率100%は免れません。
ということで、グローバルメニューも常時は隠し、クリックしたらオープンする仕組みにしたい。... 全文を読む »