勉強したことのメモMENUお問い合わせ勉強したことのメモwebプログラマ見習いが勉強したことのメモ。>FullCalendarでラベル毎に表示切替したい2017/09/06Googleカレンダーだとページ左側にマイカレンダーというのがあり、その中に任意で「プライベート」だとか「仕事」とか好きにラベルを作り、ラベル毎に表示非表示を切り替える事ができる。これをFullCalendarで行いたかった。解説サンプルhttp://sample.taitan916.info/fullcalendar/index2.php左側のラベル1~3のリンクを押すと非表示に、再度押すと表示になるのが確認できる。change(key){$('.staff-'+key).toggle();$('.label-link-'+key).toggleClass('off');}--></script></body></html>解説fullCalendarのevents内でclassNameという項目があり、ここで適宜class名を割り振ることができる。今回はstaff-1から3まで1つずつ用意したけど、staff-1が20個あっても大丈夫。次に#label内のaタグをクリックするとchange関数を動く。上記で割り振ったclassに対してjQueryのtoggleが走るので、表示と非表示を自動で判断し動いてくれる。非表示の場合は元のaタグにoffというclassを付与する。cssでoffというclassに対してopacityを設定しており、offの場合はリンク部分が薄く表示され、視覚的に分かりやすくなる。スマホ用サイトにドロワーメニューを設置したかった。電話番号のバリデート。...PREVFullCalendarでtitle以外も表示させたいNEXTムームーDNSでエックスサーバを使う購読する新着記事WordPressでテーマ内の共通の変数WordPressでテーマ内の共通変数を設定し使用したかった。...WPのget_the_contentsでpタグが挿入されないWordPressのテーマを編集した際に表示が崩れるという症状が発生した。画像FullCalendarでラベル毎に表示切替したいwebプログラマ見習いが勉強したことのメモ。