色々未検証です。 たとえばフォームとかで、 「男性 or 女性」のラジオボタン選んで、それに応じてその後の項目を出し分けるなど。 普通に書くと下記のようになりますかね。 [crayon-663d816c0a5a56206… 続きを読む 1行で jQuery toggle する！
カテゴリー: Javascript
datepickerの特定のオプションのみを変更する
もろもろdatepickerの設定をして出力して たとえばセレクトボックス切り替えたら それに応じて特定のオプションのみを変更する方法。 まあ公式のページでもやってることなので大したものじゃないんですが、クライアントにふ… 続きを読む datepickerの特定のオプションのみを変更する
要素を一定範囲のみでスクロールさせるjs
サイドバーなどを追従させる時ヘッダーやフッターにかぶってしまうのを制御したかったのでやってみました。 完成デモ まず基本的なhtmlとcss
|
1 2 3 4 5 6 7 8 9 10 |
<div id="header"> header </div> <div id="main"> main </div> <div id="footer"> footer </div> <a href="" class="fixed">要素</a> |
[crayo… 続きを読む 要素を一定範囲のみでスクロールさせるjs
iPhoneでもスムーズに、一定量スクロールしたら追従固定になるグローバルメニューを実装する
最終的な一応の完成コーディング例 DEMO よくある、グローバルメニューがウインドウの上部に来たら追従固定になるようなものを実装します。 コーディング例１ DEMO 1 [crayon-663d816c0a… 続きを読む iPhoneでもスムーズに、一定量スクロールしたら追従固定になるグローバルメニューを実装する
[bxSlider]止まってしまったオートスライドの再開方法と、スライドのリロード方法
覚え書き程度に。 オートスライドの再開 オートスライドの設定になっているスライダーを、prev、nextで一度切り替えてしまうとオートスライドが停止してしまいます。 そんなときは、 [crayon-663d816c0ab… 続きを読む [bxSlider]止まってしまったオートスライドの再開方法と、スライドのリロード方法
バリデートのJavascriptを使いまわし用にまとめました！
Ajaxzip3、LiveFormValidation、autoKanaのJavascriptプラグインの読み込み DEMOページ
|
1 2 3 |
<script src="//ajaxzip3.github.io/ajaxzip3.js" charset="UTF-8"></script> <script type="text/javascript" src="js/jquery.validate.js"></script> <script type="text/javascript" src="js/jquery.autoKana.js"></script> |
基本的に<hea… 続きを読む バリデートのJavascriptを使いまわし用にまとめました！