Wie macht man diese Fenster?

Nickname · 15.02.2008, 15:57

Also, es gibt ja manchmal solche Pop-Up Fenster, wo dann die ganze Seite grau wird und dann so ein Bild erscheint. Wie macht man das?
(Gehört das überhaupt hierhin

)

Montellese · 15.02.2008, 16:18

Nein, das gehört nicht hier hin. Das wird mit (X)HTML, CSS und JavaScript gemacht. Ich hab mir jetzt nie den Code dieser Scripts angeschaut, aber wenn ich das machen müsste, würde ich es folgendermassen machen:

Du erstellst ein <div> Element, das den ganzen Bildschirm ausfüllt und setzt eine graue Hintergrundfarbe und setzt mit CSS den Opacity-Wert auf 60-80% (oder irgendwas anderes, ist Geschmackssache) und den z-Index höher als alle anderen. Diesem Element gibst du noch ne ID und setzt den Display-Wert auf "none". Wenn du dann so ein Popup öffnen willst, änderst du mit JavaScript den Display-Wert auf "block" und schon wird das halb transparente <div> Element angezeigt und nichts anderes, was unter diesem Element ist, kann mehr angeklickt werden.

Aber vielleicht gibt es da auch ne bessere Methode, vielleicht schaust du dir mal den Code von so nem Script an.

Nickname · 15.02.2008, 16:24

Achso, dann Frage ich nochmal da nach.

(Ich habe mir den Code schon angeguckt ... der Editor zeigt alles ganz durcheinander an.)

Montellese · 15.02.2008, 16:25

Das liegt daran, dass der Code kompromiert wurde um so wenig Platz wie möglich zu verbrauchen. Du musst rausfinden, wie das Script heisst, dann suchst du die dazugehörige Website der Entwickler, da sollte man auch an den normal lesbaren Code rankommen.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Fenster schließen und neu öffnen lassen	max-dhom	HTML, Usability und Barrierefreiheit	2	01.04.2007 20:55
Ergebnis aus Fenster 1 in Fenster 2 übernehmen	HaraDej	HTML, Usability und Barrierefreiheit	2	21.04.2006 14:10
Verweis in bestimmtem Fenster öffnen		HTML, Usability und Barrierefreiheit	3	11.02.2006 23:18
[Erledigt] closed()-Abfrage aus beliebigem Fenster		HTML, Usability und Barrierefreiheit	2	16.01.2006 19:01
[Erledigt] Fenster schließt sich nach submit()		HTML, Usability und Barrierefreiheit	2	11.11.2005 15:25
[Erledigt] Link aus pop-up in parent Fenster ausführen		HTML, Usability und Barrierefreiheit	2	23.05.2005 23:03
Links mit verschiedenen Inhalten und extra Fenster		HTML, Usability und Barrierefreiheit	6	27.04.2005 22:23
[Erledigt] JavaScript +mehrereFenster		HTML, Usability und Barrierefreiheit	5	03.02.2005 15:08
[Erledigt] Link in neuem Fenster öffnen -- Fullscreen		HTML, Usability und Barrierefreiheit	2	17.11.2004 11:03
Neues Fenster Größe und Position		HTML, Usability und Barrierefreiheit	9	26.10.2004 14:22
[Erledigt] on the fly fenster		HTML, Usability und Barrierefreiheit	0	09.09.2004 22:06
[Erledigt] neues Fenster mit JavaScript mit Brain!		HTML, Usability und Barrierefreiheit	3	05.09.2004 13:41
Neues Fenster mit Php öffnen	Pimbolie1979	PHP Tipps 2004	8	17.08.2004 10:04
[Erledigt] Fenster öffnen		HTML, Usability und Barrierefreiheit	2	16.08.2004 13:19
Modales Fenster zur Eingabe von Daten		HTML, Usability und Barrierefreiheit	0	22.06.2004 12:52

15.02.2008, 15:57
Nickname Benutzer Registriert seit: 15.02.2008 Beiträge: 40	Wie macht man diese Fenster? Also, es gibt ja manchmal solche Pop-Up Fenster, wo dann die ganze Seite grau wird und dann so ein Bild erscheint. Wie macht man das? (Gehört das überhaupt hierhin )


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

15.02.2008, 16:18
Montellese Erfahrener Benutzer Registriert seit: 30.07.2007 Beiträge: 541	Nein, das gehört nicht hier hin. Das wird mit (X)HTML, CSS und JavaScript gemacht. Ich hab mir jetzt nie den Code dieser Scripts angeschaut, aber wenn ich das machen müsste, würde ich es folgendermassen machen: Du erstellst ein <div> Element, das den ganzen Bildschirm ausfüllt und setzt eine graue Hintergrundfarbe und setzt mit CSS den Opacity-Wert auf 60-80% (oder irgendwas anderes, ist Geschmackssache) und den z-Index höher als alle anderen. Diesem Element gibst du noch ne ID und setzt den Display-Wert auf "none". Wenn du dann so ein Popup öffnen willst, änderst du mit JavaScript den Display-Wert auf "block" und schon wird das halb transparente <div> Element angezeigt und nichts anderes, was unter diesem Element ist, kann mehr angeklickt werden. Aber vielleicht gibt es da auch ne bessere Methode, vielleicht schaust du dir mal den Code von so nem Script an.

15.02.2008, 16:24
Nickname Benutzer Registriert seit: 15.02.2008 Beiträge: 40	Achso, dann Frage ich nochmal da nach. (Ich habe mir den Code schon angeguckt ... der Editor zeigt alles ganz durcheinander an.)

15.02.2008, 16:25
Montellese Erfahrener Benutzer Registriert seit: 30.07.2007 Beiträge: 541	Das liegt daran, dass der Code kompromiert wurde um so wenig Platz wie möglich zu verbrauchen. Du musst rausfinden, wie das Script heisst, dann suchst du die dazugehörige Website der Entwickler, da sollte man auch an den normal lesbaren Code rankommen.