Felix Riesterer: HTML5-Semantik

Beitrag lesen

Lieber Simon P.,

ich glaube ich habe mich schon wieder zu undirekt ausgedrückt. Mein Fehler ;) .

tja, das ist eben so, wenn man in neuen thematischen Bereichen versucht, sich auszudrücken. Erst wenn man weiß, worum es bei der eigenen Frage eigentlich geht, wenn man auf diese also aufgrund inzwischen erlangten Wissens nicht mehr angewiesen ist, kann man sich so unmissverständlich ausdrücken, wie man es als Anfänger eben noch nicht kann, weshalb man ja gerade die Frage stellt.

Hmm.

Du willst also die Seite nicht neu laden müssen, nur damit der User das Gefühl hat, dass sich die Inhalte "schneller" zu ihm bewegen? Das macht man dann richtig, wenn man zweierlei Fälle technisch umsetzt:

1.) no JavaScript-Version
Die Seite übermittelt ein Formular an den Server. Dieser antwortet mit "einer neuen Seite", also einem HTML-Dokument, in dem die Antwort enthalten ist.

Diese Lösung ist ein "Muss", damit sie immer möglich ist. Suchabfragen werden üblicherweise mit einem GET-Request realisiert (<form method="get">). Das hat den Vorteil, dass man eine solche Suchseite verlinken kann.

Aber "auf der Seite bleiben" geht mit dieser Lösung nicht. Daher kommt nun aufbauend eine zweite (optionale!!) Lösung hinzu:

2.) JavaScript-AddOn
Mittels JavaScript "verbiegt" man das Formular dahingehend, dass die Anfrage nicht versandt wird, sondern von JavaScript "abgefangen" und weiter verarbeitet wird. Hier kommt nun das berüchtigte AJAX ins Spiel. JavaScript simuliert nun den Formularversand und wertet die Serverantwort aus, parst also das zu erwartende Antwort-HTML-Dokument auf die Inhalte hin, die als Ergebnisliste angezeigt werden sollen, um diese dann im aktuellen Dokument einzufügen.

Das erfordert fortgeschrittene Fähigkeiten in JavaScript. Ob Du dafür ein Framework wie jQuery nutzt, ist eine eher untergeordnete Frage. Wenn Du weißt, was Du in JavaScript tust, kannst Du ein Framework gut gebrauchen. Wenn Du noch nicht weißt, was Du in JavaScript tust, dann hilft Dir ein Framework vielleicht, dass "es funzt", ob Du aber verstanden hast, warum "es funzt", steht auf einem anderen Blatt.

Ich denke, Du bist gut damit beraten, die Formularanfrage zunächst mit einer regulären Ergebnisseite zu beantworten. Den JavaScript-Aufsetzer mit AJAX kannst Du Dir immer noch überlegen.

Als kleines Beispiel, habe ich diese Seite.

http://www.renshuu.org/index.php?page=grammar/main

Gibt man in das "Search-Feld" in der Mitte der Website z.B. "node" ein, dann erscheint ein Fenster, ohne, dass die gesamte Seite neu geladen wird.

Diese Seite macht in meinen Augen Mist. Wenn ich die Ergebnisseite bookmarken will, dann lande ich ohne Ergebnisse auf der "leeren" Formularseite. Die verbiegen die Suchanfrage zu einem Hash (alles, was in der URL nach dem "#"-Zeichen steht), was ich hier ein absolutes Unding finde, da es vom Server nicht berücksichtigt wird. Du solltest das besser machen - wenn Du es unbedingt machen willst.

Liebe Grüße,

Felix Riesterer.

--
"Wäre die EU ein Staat, der die Aufnahme in die EU beantragen würde, müsste der Antrag zurückgewiesen werden - aus Mangel an demokratischer Substanz." (Martin Schulz, Präsident des EU-Parlamentes)
0 78

Innerhalb von php-while-schleife datensatz mit javascritp

Simon P.
  • datenbank
  1. 0
    Felix Riesterer
    1. 0
      Simon P.
      1. 0
        Simon P.
        1. 0
          Felix Riesterer
          1. 0
            Simon P.
            1. 0
              Felix Riesterer
              1. 0
                Simon P.
                1. 0
                  Felix Riesterer
                  1. 0
                    Simon P.
                    1. 0
                      Felix Riesterer
                      1. 0
                        Simon P.
                        1. 0
                          Felix Riesterer
                          1. 0
                            Simon P.
                            1. 0
                              Simon P.
                              1. 0
                                Felix Riesterer
                                1. 0
                                  Simon P.
                                  1. 0
                                    Felix Riesterer
                                    1. 0
                                      Simon P.
                                      1. 0
                                        Simon P.
                                        1. 0
                                          Auge
                                          1. 0
                                            Simon P.
                                            1. 0
                                              Felix Riesterer
                                              1. 0
                                                Simon P.
                                            2. 0
                                              Martin_Online
                                              1. 0
                                                Felix Riesterer
                                                1. 0
                                                  Martin_Online
                                                  1. 0
                                                    M.
                                                    1. 0
                                                      Simon P.
                                            3. 0
                                              M.
                                        2. 0
                                          Felix Riesterer
                                          1. 0
                                            Simon P.
                                            1. 0
                                              Felix Riesterer
                                              1. 0
                                                Simon P.
                                                1. 0
                                                  Felix Riesterer
                                                  1. 0
                                                    Simon P.
                                                    1. 0
                                                      Simon P.
                                                    2. 0
                                                      Felix Riesterer
                                                      1. 0
                                                        Simon P.
                                                        1. 0
                                                          Felix Riesterer
                                                          1. 0
                                                            Simon P.
                                                            1. 0
                                                              Felix Riesterer
                                                              1. 0
                                                                Simon P.
                                                                1. 0
                                                                  Simon P.
                                                                  1. 0
                                                                    Felix Riesterer
                                                                    1. 0
                                                                      Simon P.
                                                                      1. 0
                                                                        Simon P.
                                                                        1. 0

                                                                          HTML5-Semantik

                                                                          Felix Riesterer
                                                                          • html
                                                                          1. 0
                                                                            Simon P.
                                                                            1. 0
                                                                              Felix Riesterer
                                                                              1. 0
                                                                                Simon P.
                                                                                1. 0
                                                                                  Felix Riesterer
                                                                                  1. 0
                                                                                    Simon P.
                                                                                    1. 0
                                                                                      Felix Riesterer
                                                                                      1. 0
                                                                                        Simon P.
                                                                                        1. 0
                                                                                          Simon P.
                2. 0
                  Simon P.
                  1. 1
                    Felix Riesterer
                    1. 0
                      Simon P.
                      1. 0
                        M.
                        1. 0
                          Matthias Apsel
                          1. 0
                            M.
                            1. 0
                              molily
                              1. 0
                                M.
                      2. 0
                        Felix Riesterer
                        1. 0
                          Simon P.
                          1. 0

                            Begriff Webseite

                            Tabellenkalk
                            • projektverwaltung
                            1. 0
                              Simon P.
                              1. 0
                                Gunnar Bittersmann
                          2. 0
                            Auge
      2. 0
        Felix Riesterer
        1. 1
          Matthias Apsel
          1. 0
            Felix Riesterer
            1. 0

              Browserverlauf bei seiteninternen Verweisen löschen

              Matthias Apsel
              • selfhtml-wiki
              1. 0
                Felix Riesterer
                1. 0
                  molily
              2. 0
                molily
  2. 0
    ChrisB