javascript データベースから抽出

質問

こんにちは。

javascriptとデータベースを勉強していました。

質問（１）

htmlでテーブルを４×４作ったとします。
□□□□
□□□□

左上から　id=1　name=1、Id=2　name=2、～　id=8　name=8

これにjavascriptでデータベース（Access)のテーブル名"table01"の
フィールド名"登録日付"昇順にフィールド名"画像"を
左上から並べるようにします。

このとき、javascriptにはどのようなプログラムを
書けばいいですか？

idとnameを１つずつ番号を書いて抽出する方法は
できそうなのですが、少ないfunctionで一連の
作業することはできますか？どのように書きますか？

質問（２）

質問（１）のテーブル８つを

□□□□
□□□□
→次のページ

次のページを押すと次の８つが日付順に並ぶようにします。

htmlを次のページ分作って、idとnameを書いていけばできるとは
思うのですが、登録数が増えて、数十ページにもなると、其の都度、
htmlを書かなければなりません。

おそらく、

html側
<a href="" name="next"　id="next">次のページ</a>

javascript側
next=document.getElementById("next");
next.onclick=function(){～A～}
function　～A～（）{

で、functionのプログラムを書けばいいと思うのですが、
どのように書けばいいですか？

よろしくお願いします。

以上

回答No.1

babu_baboo · ベストアンサー

A1　こういうのは？

var data = [
　['2000-09-12', 'phot01.jpg'],
　['2000-08-13', 'phot02.jpg'],
　['2000-07-14', 'phot03.jpg'],
　['2000-06-15', 'phot04.jpg'],
　['2000-05-16', 'phot05.jpg'],
　['2000-04-17', 'phot06.jpg'],
　['2000-03-18', 'phot07.jpg'],
　['2000-02-19', 'phot08.jpg']
];

var func0 = function (a, b) {
　return (a[0] > b[0]) - (a[0] < b[0]);
};

var func1 = function (n, i) {
　n.src = this[i][1];
};

Array.forEach(
　document.getElementById ('PHOTO_LIST')
　　.getElementsByTagName ('img'),
　func1, data.sort (func0));

お礼

申し訳ございません。
理解できないプログラムが何箇所かありましたので、
一度持ち帰って勉強します。
ありがとうございました。

回答No.2

babu_baboo

おおおっと、テーブルわすれた。
<table id="PHOTO_LIST">
<tr>
<td><img alt="No.1 Images" src="No Photo.gif">
<td><img alt="No.2 Images" src="No Photo.gif">
<td><img alt="No.3 Images" src="No Photo.gif">
<td><img alt="No.4 Images" src="No Photo.gif">
<tr>
<td><img alt="No.5 Images" src="No Photo.gif">
<td><img alt="No.6 Images" src="No Photo.gif">
<td><img alt="No.7 Images" src="No Photo.gif">
<td><img alt="No.8 Images" src="No Photo.gif">
</table>

お礼

ありがとうございました。