Eingabe-Fenster

[Matthias Apsel]

Om nah hoo pez nyeetz, Tom Krist!

Kann mir jemand ein paar Stichworte geben zu den Technologien, mit denen man Eingabe-Fenster erzeugen kann, bei deren Aufruf die Ausgangsseite transparent als Hintergrund durchscheint, so wie im Bild?

So, wie du die Frage formulierst, klingt es, als ob du Zauberei erwartest. In den meisten Fällen ist es jedoch eine der folgenden Strukturen:

1

<div>  
  <element>  
  
  </element>  
</div>

2

<div></div>  
<element>  
  
</element>  

das Element ist beispielsweise ein ganz normales Formular und das div hat folgende CSS-Eigenschaften:

[link:http://selfhtml.apsel-mv.de/position/position.html@title=position: fixed];  
top: 0; left: 0;  
width: 100%; height: 100%;  
background-color: [link:http://wiki.selfhtml.org/wiki/Referenz:CSS/Farben@title=rgba(196, 196, 196, .4)];  
/* oder [link:http://wiki.selfhtml.org/wiki/Opacity@title=opacity]: .4 */

Das Einblenden kann dann via Javascript oder auch über CSS (Lösungsidee) geschehen. Welche Variante du verwendest, liegt an deiner Zielgruppe. In einem technik-affinen Hintergrund darfst du wohl von modernen Browsern ausgehen und kannst auf das JavaScript verzichten.

Solltest du hingegen allgemeines Publikum, auch mit nicht ganz so modernen Browsern, erwarten, würde ich nur das JavaScript anbieten.

Matthias