INTER-Mediator Lab.

問題7：マスター参照の組み込み

次のようなテーブル「structure」があるとします。主キーフィールドはidです。

id	name	height	kind_id	constructing	backcolor	prefecture
101	東京スカイツリー	634.0	501		#DDDDDD	東京都
102	東京タワー	332.6	501		#FFDDFF	東京都
201	あべのハルカス	300.0	502	1	#DDFFFF	大阪府
202	横浜ランドマークタワー	295.8	502		#FFFFDD	神奈川県
203	りんくうゲートタワービル	256.1	502		#DDFFDD	大阪府
204	大阪府咲洲庁舎	256.0	502		#DDDDFF	大阪府

また、次のようなテーブル「kind」があるとします。主キーフィールドはidです。

id	kind_name
501	タワー
502	ビル

structureテーブルの内容を1つずつ表示するために、ページネーションの表示を行います。また、名称や高さの表示や編集ができるようにします。加えて、区分をマスター参照し、ラジオボタンで選択するようにします。建設中フィールドはチェックボックスで入力するとします。さらに、structureテーブルのそれぞれのレコードを追加したり削除するボタンが表示されるようにしてください。以下の空欄を埋めてください。

ページファイル（ファイル名：page.html）

<div id="IM_NAVIGATOR"></div>
<table>
    <tr>
        <th>名称：</th>
        <td class="IM[]"></td>
    </tr>
    <tr>
        <th>高さ：</th>
        <td><input type="text" class="IM[]"/></td>
    </tr>
    <tr>
        <th>区分：</th>
        <td>
            <input type="radio" class="IM[]" value=""/>タワー
            <input type="radio" class="IM[]" value=""/>ビル
        </td>
    </tr>
    <tr>
        <th>建設中：</th>
        <td><input type="checkbox" class="IM[]" value=""/></td>
    </tr>
</table>

定義ファイル（ファイル名：def.php）

name: structure
key: id
paging: 
records: 
repeat-control: 
-
name: 
view: 
key:

テーブルには「都道府県」フィールドのデータが表示されていませんが、それも表示したくなりました。建設中の行の次に都道府県を、編集できない形式、つまり文字としてデータを表示します。表示するために必要なHTMLを記述はどのようなものでしょうか？以下は、前掲のページファイルの末尾に追加する一部のHTMLソースを示しています。赤字の部分が追加した箇所です。空欄に入るHTMLを記入してください。

     <tr>
        <th>建設中：</th>
        <td><input type="checkbox" class="IM[...]" value="..."/></td>
    </tr>
    <tr>
        <th>都道府県：</th>
        
    </tr>
</table>

「名称：」と見えているセルの背景色を、テーブルの「背景色」フィールドに設定したいとします。その場合、「名称：」を表示しているTHタグを、どのように修正すれば良いでしょうか。なお、CSSでは背景色はbackground-colorですが、JavaScriptでのスタイル名に相当するプロパティはbackgroundColorです。

変更したTHタグ：

解答調査

ログインユーザ：|

解答し終わったとき、以下のラジオボタンのいずれかを選択して、「解答した」ボタンをクリックしてください。

この問題を解くのにどれくらいの労力がかかったでしょうか？

問題を見るだけで解答が分かった
他のページは書籍を調べて分かった
実際にコードを打ち込み確認するなどして分かった
調べたり確認したりして悩み抜いて解答した
さっぱり分からないので勘で答えた
解答を保留した

←クリックすると、次のページに移動します。

実験のトップページ（Room 1）へ

INTER-Mediator Lab. - Room 1

問題7：マスター参照の組み込み

解答調査