昨日のご要望について(きっとこういうことじゃないんだろうなぁ)

一応、作ってみたものの
きっとこういうことを求めているんじゃないんだろうなぁ、
と思います。

馬柱の上、表の項目名が書いてある部分、
「近走」ってのと「さらに前走」ってのを追加しました。



ここで、「さらに前走」ってのをクリックすると、
馬柱だけ、左に1つずれる、というか
スクロールする、というか。



たぶん、ご要望は
「過去3走以上を一覧で見たい」
ということですよね？
スクロールしなきゃ見れないんなら、たぶんそれはちょっと違う、と。
しかもちょっと使い勝手悪いし。

一応、備忘録を兼ねて
作りだけメモしておきます。


特殊なことはしてません。
JavaScriptが中心です。

全馬の過去6走分のデータをJavaScriptの配列に入れておきます。
entrydata[1] = new Array();
entrydata[1][0]='1番目の馬の前走データ'
entrydata[1][1]='1番目の馬の2走前データ'
・・・
entrydata[2] = new Array();
entrydata[2][0]='2番目の馬の前走データ'
entrydata[2][1]='2番目の馬の2走前データ'
・・・

で、表示するページのほうは
<td id="data1-1>1番目の馬の前走</td>
<td id="data1-2>1番目の馬の2走前</td>

<td id="data2-1>2番目の馬の前走</td>
<td id="data2-2>2番目の馬の2走前</td>
という感じで、ID属性を振っておきます。

で、「さらに前走」リンクはonClickで関数を呼びます。
その関数は
cols++;
document.getElementById('data'+rows+'-0').innerHTML=entrydata[rows][cols];
document.getElementById('data'+rows+'-1').innerHTML=entrydata[rows][cols+1];

「近走」リンクがおされたなら、col--して、同じように
innerHTMLにentrydataをセットするだけです。

かなり端折って書きましたが、たいした方法ではないんですよ。


まあ先ほども書きましたけど、これが最終形ではないな、と。
もうちょっと方法を考えて、出来るだけ
一覧で多くの馬柱を表示できる方法を考えます。

もうちょっと時間をください。