FAQ-Seite erstellen mit AJAX oder HTML5+CSS3 ?

[Gunnar Bittersmann]

@@Felix Riesterer:

nuqneH

AJAX ist ein Modewort. Was willst Du hinsichtlich meiner obigen vier Denkschritte mit der Kombination aus asynchronem JavaScript mit XML (das ist "AJAX"!) erreichen?

Dass nicht die Antworten auf sämtliche Fragen übertragen werden, sondern nur diejenigen, die den Nutzer interessieren.

Also nicht einfach ein Akkordeon, wo im HTML vorhandene Inhalte auf- und zugeklappt werden.

Zu realisieren wäre dies folgendermaßen:

<dl>  
  <dt><a href="faq/question-foo">Frage: foo?</a></dt>  
  <dt><a href="faq/question-bar">Frage: bar?</a></dt>  
  <dt><a href="faq/question-baz">Frage: baz?</a></dt>  
</dl>

Für all diese Links werden Eventhandler definiert, die das Anspringen des Links verhindern und stattdessen bei Bedarf einmalig per AJAX die jeweilige Antwort holt und in ein dd-Element schreibt, das hinter das entsprechende dt-Element ins DOM gehängt wird.

Ohne JavaScript (also auch für Suchmaschinen) stehen die Antworten als HTML-Ressourcen auf dem Server zur Verfügung (kann statt einzelnen faq/question-{foo|bar|baz} auch ein Dokument faq/full-answers sein).

Qapla'