Announcement

Collapse
No announcement yet.

Aufbau Hauptseite

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Aufbau Hauptseite

    Hallo,
    ich bin relativ neu in Javascript und möchte eine neue Seite aufbauen, in der links mehrere Buttons sind, mit der man die Ansicht steuern kann und im Hauptfeld ein bis mehrere Liniendiagramme darstellen, etwa so wie im Bild.
    Dabei folgende Fragen:
    Aufbau der Seite:
    Ich hab dazu eine Tabelle benutzt und dieser in der ersten Spalte die Buttons hinzugefügt. In der nächsten Spalte eine neue Tabelle mit (im Moment) nur einer Zelle, wo das/die Diagramm/e hin sollen.
    - Ist dies eine gute Vorgehensweise mit Tabellenzellen, oder sollte man anders vorgehen, wie z.B. Frames?
    - Hat jemand sowas wie eine Vorlage/Beispiel wie man sowas realisiert?

    Anpassung an Browser/Gerätie Applikation soll auf verschiedenen Geräten laufen, welche auch andere Auflösungen haben.
    - Wie kann man die Grösse der Diagramme an die vorhandenen Zellen/Frame-Grössen anpassen? Z.b. mit onresize() oder so? Auf welche properties sollte man sich beziehen? Es gibt da sehr viele Objekte, welche eine Width oder Height haben, welches wäre das richtige?
    - Wie kann man auf ein resize des Users reagieren?

    Vielen Dank zum Voraus.


  • #2
    Ist dies eine gute Vorgehensweise mit Tabellenzellen, oder sollte man anders vorgehen
    Tabellenzeilen enthalten Daten von Tabellen. Tabellen für das Layout zu nutzen ist Oldschool.
    Man nutzt jetzt eher CSS. HTML enthält die Auszeichnung; wie es dargestellt wird, regelt dann das CSS

    Anpassung an Browser/Gerätie Applikation soll auf verschiedenen Geräten laufen, welche auch andere Auflösungen haben.
    - Wie kann man die Grösse der Diagramme an die vorhandenen Zellen/Frame-Grössen anpassen? Z.b. mit onresize() oder so? Auf welche properties sollte man sich beziehen? Es gibt da sehr viele Objekte, welche eine Width oder Height haben, welches wäre das richtige?
    - Wie kann man auf ein resize des Users reagieren?
    Man erstellte eine Webseite mit diesen Vorgaben/Technik
    https://de.wikipedia.org/wiki/Responsive_Webdesign
    Christian

    Comment


    • #3
      Weiterhin kann man zwecks "Responsive Design" ein Frontend-Framework verwenden, z.B. Twitter Bootstrap: https://getbootstrap.com/docs/4.3/examples (Dashboard) Und für die Charts selbst z.B. Chart.js: https://www.chartjs.org/samples/latest/ (Bspl. Interpolation)
      MfG
      Cheat-Sheets for Developers / Programming Quotes

      Comment

      Working...
      X