JavaScript

FullCalendar の複数カレンダー表示

元ネタはこちら、http://oshiete.chance.com/qa6564701.htmlイベントが空っぽだと寂しいのでGoogleカレンダーの日本の祝日を表示してみた。 前月、次月に移動するボタンも追加した。 <html> <head> <link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar.css' /> </link></head></html>

FullCalendar で色を変えるには

FullCalendar で、曜日やイベントの色を指定してみた。今回、FullCalendar 1.5.1 が前提。古いバージョンの場合、指定方法が異なる場合がある。 曜日の色を指定する 土曜日や日曜日などは色を変えたい。CSS を指定すればよい。 .fc-sun { color: red; } /* …

FullCalendar で日本の祝日を表示する

FullCalendar 1.5.1 がリリースされていた。Google カレンダーの日本の祝日を表示させてみた。ポイントは、gcal.js を追加することと、祝日の feed を指定すること。日本の祝日URL は、 http://www.google.com/calendar/feeds/ja.japanese%23holiday%40group…

JavaScript で Flash player のバージョン判別

http://www.allinthemind.biz/markup/javascript/javascriptflash_player.html より、 function FlashPlayerVer(){ //初期設定 var flashplayer_ver = 0; //IE以外の場合 if(navigator.plugins && navigator.mimeTypes['application/x-shockwave-flash']){ v…

JavaScriptを読み込むときにパラメータを外部から指定

http://d.hatena.ne.jp/ksix/20090102/1230892699 より、JavaScript を HTML から呼び出す際にパラメータを指定する。 <script type="text/javascript" src="foo.js?aaa=bbb&ccc=ddd"></script> foo.js のソースコード: var params = (function(){ var el = (function(el){ if(el.nodeName.toLowerCase() == "script"){ return el;…

FullCalendar と PHP との連携

FullCalendar とは、JavaScript で書かれたカレンダーライブラリ。 jQuery のプラグインとして利用する。http://arshaw.com/fullcalendar/FullCalendar を描画する際に、PHP からイベントデータを取得してみる。FullCalendar 側は、データの取得元の URL を …

FullCalendar を日本語表記にする

FullCalendar とは、JavaScript で書かれたカレンダーライブラリ。 jQuery のプラグインとして利用する。http://arshaw.com/fullcalendar/いつの間にか FullCalendar が 1.4.7 にアップしていたので、確認をかねて記事にしてみた。すでにカスタマイズするた…

FullCalendar で Ajax なカレンダーを作成する

Googleカレンダーのような、jQuery ベースのカレンダー。http://arshaw.com/fullcalendar/カレンダーは月表示だけでなく週表示や日表示にも対応している。サンプルの "json.html" は、"json-events.php" からイベントを取得している。 json-events.php が呼…

テキストエリアの現在のカーソル(キャレット)位置に文字を挿入するには

jQuery とかで簡単にできるんじゃないかと検索してたら以下のページがヒットした。http://stackoverflow.com/questions/946534/insert-text-into-textarea-with-jquery http://d.hatena.ne.jp/project_the_tower2/20071228/1198785069試行錯誤して、以下のサ…