昨日のご要望について(きっとこういうことじゃないんだろうなぁ)
一応、作ってみたものの
きっとこういうことを求めているんじゃないんだろうなぁ、
と思います。
馬柱の上、表の項目名が書いてある部分、
「近走」ってのと「さらに前走」ってのを追加しました。
ここで、「さらに前走」ってのをクリックすると、
馬柱だけ、左に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をセットするだけです。
かなり端折って書きましたが、たいした方法ではないんですよ。
まあ先ほども書きましたけど、これが最終形ではないな、と。
もうちょっと方法を考えて、出来るだけ
一覧で多くの馬柱を表示できる方法を考えます。
もうちょっと時間をください。
きっとこういうことを求めているんじゃないんだろうなぁ、
と思います。
馬柱の上、表の項目名が書いてある部分、
「近走」ってのと「さらに前走」ってのを追加しました。
ここで、「さらに前走」ってのをクリックすると、
馬柱だけ、左に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をセットするだけです。
かなり端折って書きましたが、たいした方法ではないんですよ。
まあ先ほども書きましたけど、これが最終形ではないな、と。
もうちょっと方法を考えて、出来るだけ
一覧で多くの馬柱を表示できる方法を考えます。
もうちょっと時間をください。
このネタへのコメント:
早速の対応ありがとうございます。
なぜか自宅PCよりコメントを書き込んでもコメント欄に反映されていないようなので、遅ればせながらお礼申し上げます。
私はプログラムの知識は皆無のため、技術的に難しいことなのかがわからないので、無理なことを言ってしまっているかもしれませんが、卑見を申しあげますと、他のページのレイアウトの変更が厄介ならば、馬柱のページだけ横幅を広げてみてはいかがでしょうか。
というのも、クリックすることでさらに前走が表示されるという方法では下のほうに表示される馬を見ている場合、「さらに前走」まで画面を上にスクロールさせクリックした後、さらに目当ての馬まで下にスクロールさせなければいけないため、横にスクロールさせる以上に使いにくいような感じを受けます。
もちろん横にスクロールはさせないというコンセプトを崩してくれといっているわけではありませんので、気に食わなければ却下してください。
それでは長々と失礼しました。
なぜか自宅PCよりコメントを書き込んでもコメント欄に反映されていないようなので、遅ればせながらお礼申し上げます。
私はプログラムの知識は皆無のため、技術的に難しいことなのかがわからないので、無理なことを言ってしまっているかもしれませんが、卑見を申しあげますと、他のページのレイアウトの変更が厄介ならば、馬柱のページだけ横幅を広げてみてはいかがでしょうか。
というのも、クリックすることでさらに前走が表示されるという方法では下のほうに表示される馬を見ている場合、「さらに前走」まで画面を上にスクロールさせクリックした後、さらに目当ての馬まで下にスクロールさせなければいけないため、横にスクロールさせる以上に使いにくいような感じを受けます。
もちろん横にスクロールはさせないというコンセプトを崩してくれといっているわけではありませんので、気に食わなければ却下してください。
それでは長々と失礼しました。
2008年1月21日 18時14分に 先日要望を出した者ですさんによって書かれています