Simon P.: HTML5-Semantik

Beitrag lesen

Hallo Felix,

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

Ich habe eine Seite "Grammatik" .../index.php?p=japanisch_grammatik . In dieser soll jetzt Formular enthalten sein, wo der Benutzer ein Wort eingeben kann. Jenachdem, was er da jetzt eingibt für ein Wort (es ist wirklich immer nur ein Wort), soll dann eine Liste auf dieser Seite ausgespuckt werden mit möglichen Treffern, auf die man dann klicken kann... die dann auf dieser Seite einfach diese Liste mit dem Grammatikinhalt des jeweiligen Wortes ersetzt.
Sollte das mit dieser Liste zu umständlich sein, könnte auch einfach alles unter dem Suchfeld mit dem Inhalt des eingegeben Wortes ersetzt werden. Es sollte eigentlich keine neue Seite geladen werden. Nur der Inhalt auf dieser Seite sollte je nachdem, was er eingibt bzw. auf was der Benutzer raufdrückt sich verändern. Sodass immer die Seite ?p=japanisch_grammatik offen bleibt. Ich dachte mir das so, damit man nicht dauernd eine neue Seite Laden muss und sich das ganze flüssiger anfühlt.
Mein Problem ist 1. dass ich auch nicht genau weiß, ob sich sowas machen lässt, wie sinnvoll sowas ist und wie man sowas angeht. Ich hatte mich auch schon ein bisschen in AJAX und JQuery versucht einzulesen, aber ob ich das lieber damit machen sollte, weiß ich auch. Mein Problem (was ich momentan denke, was mein Problem ist), ist einfach die übergabe der Variable (was der Anwender in das Formular einträgt) an die PHP, ohne auf eine andere Seite zu springen.
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. An sowas dachte ich auch.

In was muss ich mich einlesen um sowas realisieren zu können. Also dynamische Inhalte in einer statischen Seite?

Liebe Grüße,

Simon P.

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