スケジュール表示

質問

現在サイトを開設しているのですが、そのTOPページに『次の試合』として下記のように表示するようにしたいと考えています。
予め全ての試合予定を外部ファイルに記述して、

----------------
○月×日 ○○戦
○月△日 ○○戦
○月□日 ○○戦
----------------

○月×日が経過したら・・・

----------------
○月△日 ○○戦
○月□日 ○○戦
○月●日 ○○戦
----------------

と当日から近い試合が3試合ぐらい表示されるようにしたいのですが。
参考になるサイトでも構いません。

ご存知の方いらっしゃいましたらご教示ください。
よろしくお願いします。

回答No.1

fujillin · ベストアンサー

回答がないみたいなので…

＞予め全ての試合予定を外部ファイルに記述して、
外部ファイルを読み込むにはajaxで検索してください。たくさんの例が見つかるはずです。
ajaxのライブラリを用いれば、比較的簡単に取得可能かも。

あとは、その文字列を各行ごとに今日の月・日と比較しておいて、大きいもの（後の日となる文字列）を3個選択すればよろしいかと…

データの詳細が不明なので雰囲気のみですが、仮に順に並んでいるとして、こんな感じ？
（全角空白は半角に）

function hoge(str){

　var i = 0, data = [], count = 3, m;

//今日の月・日を取得（mmdd）
　var d = new Date(), mmdd = (d.getMonth()+1)*100 + d.getDate();

//strを行毎に分解
　d = str.replace("\r\n", "\n").replace("\r", "\n").split("\n");

//各行についてテスト
while(d[i])

//行の中に「○月○日」が含まれていたら
　if(m = d[i++].match(/^(\d\d?)月(\d\d?)日/))

//月・日をmmddと比較して大きければ
　　if(100*m[1] + 1*m[2] >= mmdd){

//その文字列をdataに保存。データがcountまで溜まったら打切り。
　　　data.push(m[0]);
　　　if(data.length>=count) break;
　　}

//テストで表示してみる
　alert(data.join("\n"));

}

お礼

回答ありがとうございます。
私にはまだ難しいようです。
わざわざコードを提示していただいたのに申し訳ありません。
ありがとうございました。