株式会社アルバステラ

You Are Viewing

Category Archives: jQuery

fullcalendarに複数のgoogleカレンダーを表示する

あけましておめでとうございます。 本年もよろしくお願い申し上げます。 サイト内にカレンダーを表示させる方法はいくつかあると思いますが、 fullcalender.jsがデザイン変更も簡単で、よく利用しております。 http://fullcalendar.io/ googleカレンダーの内容をそのまま表示させたりできるので非常に便利です。 今回、複数のgoogoleカレンダーをこのfullcalenderに表示させたかったのですが、 Google API v3を使用して複数とりこむ方法がわからず苦戦。。 本家サイトの解説を参考に設定できました。 まずは基本設定 【heder内】 【body内】 カレンダーを表示させたい位置に書く 【オプション設定】 Google APIの取得方法は割愛します。 googleカレンダーを複数読み込むための設定をここでします。 (html内に設置) カレンダーIDは、表示させたいgoogleカレンダー(共有で一般公開設定必須)の「カレンダー設定」→「カレンダーのアドレス」で確認できます。 「 className:」でclass指定することで、cssでのデザイン設定もできます。

javascriptからphpへフォームデータを渡す

ページ遷移なしのメールフォームを設置する案件で、 javascriptからphpへフォームデータを渡す必要があり、そのときの覚書。 結局これは使わなかったのやけど。。 html php ざっくり言うと、javascriptからpost値をphpに渡して、エラーがなければ送信して、結果をjavascriptに返すってことをしています。 phpのエラーチェックとかは適当に書いてますが、send.phpに直接アクセスされて空メールが送信されるのを防止する意味合いぐらいで設定してます。 今回は未完成のままになってしまいますが。 javascriptでフォームの未入力などをチェック。→入力に誤りがない状態でphpに値を送信。→送信完了後フォームをリセットというのが最終予定でした。