ТАК,

Недавно я работал над html / javascript / css, чтобы создать онлайн-таблицу для своих студентов, чтобы просматривать детали, оценки и различную информацию, но я попал в кирпичную стену и не уверен, как сделать то, что я пытаюсь сделать.

Причина, по которой я выкладываю все это в один поток, заключается в том, что некоторые из них, как мне кажется, могут конфликтовать и приводить к тому, что предыдущие правки не будут работать ...

Я понимаю, что здесь есть много вопросов, и не ожидаю, что кто-то закодирует все это, я просто ищу помощь / фрагменты / идеи и буду очень признателен, особенно тем, у кого есть комментарии / описания, чтобы я мог продолжать учиться и совершенствоваться :)

Обновление 13/11/2013 @ 02:43 по ГринвичуПОСЛЕДНИЙ:http://jsfiddle.net/pwv7u/Я пытаюсь получитьNext Class | Previous Class быть кнопками цикла для перемещения в классы и обратно так же, как работает раскрывающийся список.Полоса прокрутки, которая раньше была внизу страницы, исчезла из-за изменения ширины ...Нижний колонтитул внизу не отображается правильно на мобильных устройствах, а кнопки прокрутки влево и прокрутки вообще не отображаются на мобильных устройствах.Кнопка прокрутки влево не может быть нажата

Обновление страницы сбрасывает горизонтальную позицию прокрутки в крайнее левое положение (я уверен, что это относится к полосе прокрутки)

Что касается загрузки / обновления, я думаю, что мне придется сделать еще один пост, так как текущие параметры уже есть, но не совсем, я приведу пример ниже того, как я в идеале хочу, чтобы он работал.

main.html не будет содержать никаких деталей класса, это было бы:http://pastebin.com/raw.php?i=HwXM67up«Опция» (выпадающий список) каким-то образом опрашивает файл json, чтобы собрать список доступных классов.«Параметр» (выпадающий) будет иметь параметры для каждого отдельного школьного класса, а также «Все обновления» и «Все необновления»Выбор отдельного школьного класса импортирует ТОЛЬКО тот конкретный школьный класс на страницу.Выбор другого индивидуального школьного класса уничтожит старый школьный класс и импортирует новый выбранный школьный класс.Отдельные школьные классы будут периодически опрашивать файл json, чтобы проверять наличие обновлений / изменений в данных школьных классов, а при изменении / обновлении он будет перерисовывать / повторно импортировать.Выбор «Все обновления» импортирует ВСЕ школьные классы и периодически опрашивает файл json, чтобы проверить наличие обновлений / изменений в любом школьном классе (если возможно, только обновление школьного класса, что изменилось / обновилось), но все классы видны на странице.Выбор «All Non-Updating» будет действовать так же, как и выше, но не нужно будет опрашивать файл json для обновления.Я могу разбить данные на блоки, такие как:http://pastebin.com/raw.php?i=MRpjvJp0 (пример первого блока) довольно легко и дают им правильные заголовки (заголовки, которые будут использоваться в раскрывающемся списке параметров), хотя не знаете, как их перевести в формат json