SO,

Ich habe kürzlich an einigen HTML- / Javascript- / CSS-Dateien gearbeitet, um eine Online-Tabelle für meine Schüler zu erstellen, in der Details, Punktzahlen und verschiedene Informationen angezeigt werden. Ich bin jedoch auf eine Mauer gestoßen und mir nicht sicher, wie ich das tun soll, was ich versuche machen.

Der Grund, warum ich all dies in einem Thread poste, ist, dass ich denke, dass mehrere davon in Konflikt geraten und dazu führen können, dass die vorherigen Bearbeitungen nicht mehr funktionieren ...

Mir ist klar, dass es hier eine Menge Fragen gibt, und ich erwarte nicht, dass jemand die ganze Sache codiert. Ich suche nur nach Hilfe / Snippits / Ideen und würde mich besonders über solche mit Kommentaren / Beschreibungen freuen, damit ich das kann lerne weiter und verbessere dich :)

Update 13/11/2013 @ 02:43 GMTNEUESTE:http://jsfiddle.net/pwv7u/Ich versuche zu bekommenNext Class | Previous Class Cycle-Buttons zu sein, um zu und von Klassen zu gelangen, genauso wie das Dropdown funktioniert.Die Bildlaufleiste, die sich früher am unteren Rand der Seite befand, ist verschwunden, da die Breite geändert wurde ...Die Fußzeile unten wird auf Mobilgeräten nicht korrekt angezeigt und die Schaltflächen Nach links scrollen und Scrollen werden auf Mobilgeräten überhaupt nicht angezeigt.Die linke Bildlauftaste kann nicht angeklickt werden

Durch das Aktualisieren der Seite wird die horizontale Bildlaufposition ganz nach links verschoben (ich bin mir ziemlich sicher, dass dies mit der Bildlaufleiste zusammenhängt).

In Bezug auf das Laden / Auffrischen muss ich wohl einen anderen Beitrag verfassen, da die aktuellen Optionen fast da sind, aber nicht ganz. Ich zeige hier ein Beispiel für die Art und Weise (n), wie ich es idealerweise haben möchte.

main.html enthält keine Klassendetails, es wäre:http://pastebin.com/raw.php?i=HwXM67upDie "Option" (Dropdown) würde irgendwie eine JSON-Datei abfragen, um eine Liste der verfügbaren Klassen zu sammelnDie "Option" (Dropdown) enthält Optionen für jede einzelne Schulklasse sowie "Alle Aktualisierungen" und "Alle Nicht-Aktualisierungen".Wenn Sie eine einzelne Schulklasse auswählen, wird NUR diese bestimmte Schulklasse in die Seite importiert.Wenn Sie eine andere einzelne Schulklasse auswählen, wird die alte Schulklasse gelöscht und die neu ausgewählte Schulklasse importiert.Einzelne Schulklassen werden die JSON-Datei regelmäßig abfragen, um nach Aktualisierungen / Änderungen dieser Schulklassendaten zu suchen. Bei einer Änderung / Aktualisierung wird sie neu gezeichnet / erneut importiert.Wenn Sie "Alle aktualisieren" auswählen, werden ALLE Schulklassen importiert, und die json-Datei wird regelmäßig abgefragt, um zu prüfen, ob Aktualisierungen / Änderungen an einer Schulklasse vorgenommen wurden (wenn möglich, wird nur die geänderte / aktualisierte Schulklasse aktualisiert). Alle Klassen sind jedoch auf der Seite sichtbar.Wenn Sie "Alle, die nicht aktualisiert werden" auswählen, wird das Gleiche wie oben ausgeführt, zum Aktualisieren muss jedoch die json-Datei nicht abgefragt werden.Ich kann die Daten in Blöcke aufteilen wie:http://pastebin.com/raw.php?i=MRpjvJp0 (Beispiel für den ersten Block) Ziemlich einfach und geben Sie ihnen die richtigen Titel (Titel, die in der Dropdown-Liste Option verwendet werden). Sie wissen jedoch nicht, wie Sie sie in das json-Format bringen sollen