Anchor Cycler / Dropdown, aby okresowo importować dane klas szkolnych

WIĘC,

Ostatnio pracowałem nad plikiem html / javascript / css, aby stworzyć tabelę online dla moich uczniów, aby wyświetlić szczegóły, wyniki i różne informacje, ale trafiłem na ścianę z cegieł i nie jestem pewien, jak to zrobić. do zrobienia.

Powodem, dla którego publikuję wszystkie te informacje w jednym wątku, jest to, że niektóre z nich, jak sądzę, mogą powodować konflikty i spowodować, że poprzednie edycje nie będą działać ...

Zdaję sobie sprawę, że jest wiele pytań w jednym miejscu i nie oczekuj, że ktoś zakoduje całą rzecz, szukam tylko pomocy / pomysłów i byłbym bardzo wdzięczny szczególnie tym z komentarzami / opisami, żebym mógł kontynuuj naukę i ulepsz :)

Aktualizacja 13/11/2013 @ 02:43 GMTNAJNOWSZY:http://jsfiddle.net/pwv7u/Próbuję się dostaćNext Class | Previous Class być przyciskami cyklu, aby przejść do iz klas w taki sam sposób, w jaki działa lista rozwijana.Pasek przewijania, który był na dole strony, zniknął z powodu zmiany szerokości ...Stopka na dole nie wyświetla się poprawnie na urządzeniach mobilnych, a przyciski przewijania w lewo i przewijania nie pojawiają się w ogóle na urządzeniach mobilnych.Nie można kliknąć przycisku przewijania w lewo

Odświeżanie strony resetuje pozycję przewijania w poziomie do lewej strony (jestem prawie pewien, że dotyczy to paska przewijania)

Jeśli chodzi o ładowanie / odświeżanie, myślę, że będę musiał zrobić kolejny post, ponieważ obecne opcje są prawie na miejscu, ale nie do końca, przykład poniżej, w jaki sposób chciałbym, aby działał.

main.html nie będzie zawierał żadnych informacji o klasie:http://pastebin.com/raw.php?i=HwXM67up„Opcja” (rozwijana) w jakiś sposób odpytuje plik json, aby zebrać listę dostępnych klas„Opcja” (lista rozwijana) będzie miała opcje dla każdej klasy szkolnej, a także „Wszystkie aktualizacje” i „Wszystkie niezaktualizowane”Wybranie indywidualnej klasy szkolnej spowoduje zaimportowanie TYLKO tej konkretnej klasy szkolnej na stronę.Wybór innej indywidualnej klasy szkolnej zniszczy klasę starej szkoły i zaimportuje nowo wybraną klasę szkolną.Poszczególne klasy szkolne będą okresowo sprawdzać plik json, aby sprawdzić aktualizacje / zmiany w danych klas szkolnych, a po zmianie / aktualizacji ponownie narysować / ponownie zaimportować.Wybranie „All Updating” spowoduje zaimportowanie WSZYSTKICH klas szkolnych i okresowe sprawdzanie pliku json w celu sprawdzenia aktualizacji / zmian w każdej klasie szkolnej (jeśli to możliwe, aktualizowanie tylko klasy szkolnej, co się zmieniło / zaktualizowało), ale wszystkie klasy są widoczne na stronie.Wybranie opcji „Wszystkie niezaktualizowanie” będzie takie samo jak powyżej, ale nie będzie konieczne odpytywanie pliku json o aktualizację.Mogę podzielić dane na bloki takie jak:http://pastebin.com/raw.php?i=MRpjvJp0 (przykład pierwszego bloku) dość łatwo i nadaj im poprawne tytuły (tytuły, które byłyby użyte w rozwijanej Opcji), ale nie wiesz, jak je umieścić w formacie json

questionAnswers(4)

yourAnswerToTheQuestion