Infobox

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Eine Infobox ist ein Kasten außerhalb des Fließtextes, der zusätzliche Informationen enthält.

Sie lässt sich im Webdesign in unterschiedlichsten Varianten realisieren:

  • aside-Element unten oder am Rand

Popup-Boxen[Bearbeiten]

Das windows-Objekt und seine Methoden wurden früher zur Erzeugung weiterer Fenster gebraucht. Diese nannte man Popup-Boxen, wenn sie vor dem aktuellen Fenster erschienen, bzw. Popunder, die sich unsichtbar hinter dem Fenster befanden.[1]

Beachten Sie: Die Darstellung heutiger Browser hat sich gegenüber der Anfangszeit des Internets stark verändert. Anstelle einer Vielzahl von offenen Fenstern werden verschiedene Seiten innerhalb eines Fensters als Registerkarten (Tabs) angezeigt. Diese Tabs haben immer die Größe des Browserfensters. Deshalb ist das klassische Popup mit vom Seitenautor festgelegter Größe, Position und Leistenkonfiguration mit tabbed browsing und dem Konzept moderner Browser nicht vereinbar.

Popup-Boxen hatten eine feste Größe, die unabhängig vom verfügbaren Viewport war und widersprechen so dem Konzept des responsiven Designs.[2]

Im heutigen Web soll der Benutzer selber entscheiden, ob er Links im selben Tab, in einem neuen Tab oder einem neuen Fenster öffnet. Wenn er im selben Tab bleibt, ist der Zurück-Button die bequemste Möglichkeit zu einer Seite zurückzukehren.

Mehrere offene Fenster und Popup-Boxen verhindern dieses intuitive Bedienkonzept.

Heutzutage unterbinden moderne Browser oft das Öffnen neuer Fenster und machen so den Einsatz von Popups obsolet. Es gibt jedoch einige Alternativen, die ohne die Nachteile mehrerer Fenster auskommen.

Heutzutage werden Popups oft nicht mehr als neues Fenster, sondern als dokumentinterne Dialogfenster realisiert. Sie bleiben Bestandteil der Seite. Um eine Benutzerinteraktion zu betonen, öffnet sich ein modaler Dialog als Overlay in einer Ebene (layer), die über dem normalen Inhalt liegt. Dies blockiert in der Regel weitere Interaktion mit der dahinter liegenden Seite, und blendet sie auch visuell mehr oder weniger stark aus.


Quellen[Bearbeiten]

  1. http://molily.de/javascript-popups#nachteile
  2. http://forum.de.selfhtml.org/archiv/2005/12/t119707/#m768289

Weblinks[Bearbeiten]