2012-04-13 21 views
0

にあります。私はグレーディングシステム(準備学校に座っていた)のためのWebインターフェイスで作業しています。私はJSONオブジェクトでテストをパスしているサーバーを持っています。 JSONオブジェクトは、そのセクションとセクションごとの質問と一緒にテスト名が含まれJSONオブジェクトからの垂直方向の入力は、html/css

例えば与えられたテストのためのJSONのスニペットは、次のようになります(つまり、テスト構造を。):

{"Section 1":[{"subject":"Writing","experimental":"0","manual_assign":"1","columns":"1","number":null,"difficulty":null,"answer":null}],"Section 2":[{"subject":"Critical Reading","experimental":"0","manual_assign":"0","columns":"4","number":"1","difficulty":"Easy","answer":"B"},... 

JSONオブジェクトから与えられたセクションの質問が垂直に並べられた入力であるHTMLフォームを構築する必要があります。次の画像のようになります。 enter image description here

これを行うにはどうすればよいか分かりません。より具体的には、どのように入力の列を画像のように垂直方向に並べるか(どのテストが採点されるかに基づいて、セクションごとに質問の数が異なることを考慮してください)。

答えて

1

http://www.alistapart.com/articles/multicolumnlists/をご覧ください。 CSSを使用して列にリストを柔軟に表示するためのさまざまな方法があります。

+0

興味深い記事です。投稿していただきありがとうございます。記事の優先メソッドは、テーブルを反転するよりも良いと思いますか?私はこれを見つけた[リンク](http://stackoverflow.com/questions/6297591/how-to-invert-therows-and-columns-of-an-html-table)。私はちょうどタグ(実際のセルに入れ子になっている)と隣接セルタグをネストした番号を作るつもりでした。このテクニックを避ける理由はありますか? – gabereal

+0

個人的に私はこのようなもののためにリストを使う方がより柔軟であると思います。あなたが欲しいと思う方法に応じて、リストは実際にはアイテムの順序付きリストであるため、この状況では意味的に正確です。表は、表形式のデータを表示するときに使用するのが一般的です。結局のところ、私はあなたが何とかできることは何でもできると言います。それは本当に重要なことですから:) – Bill

関連する問題