onclick --> seite abdunkeln und zentriert eine datei includen
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anleitung
beispiel
bildschirm
boxen
code
datei
demo
erstellen
fenster
filter
header
hintergrundfarbe
http
kenntnis
minute
ordern
problem
programmieren
schnickschnack
setzen
-
hi,
ich möchte mit einem click auf einen button
die gesamte seite abdunkeln und in der mitte 600 auf 500 eine andere php seite includen.
nun soll durch klick auf ein x alles wieder in den ursprungszustand versetzt werden.
ich hab über google sowas namens graybox gefunden.
jedoch hab ich es nicht zum laufen bekommen.
kennt sich da einer von euch aus mit javascript und kann mir ein script machen? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
sowas kannst du entweder mit js selber programmieren oder jquery http://jquery.com/demo/thickbox/ ist echt ne coole sache, einfach einzubinden ect.
solange wir nciht wissen, wo genau du bei graybox nicht weitergekommen bist können wir dir nicht helfen... -
Da brauchst du eigtl nicht viel Schnickschnack für. Es reicht, wenn du einen fixed-div von der Größe des Bildschirms erzeugst, der dann die Hintergrundfarbe Schwarz und einen beliebigen Opacity-Filter hat und die includete Datei legst du auf die gleiche Weise über das Abdunkel-div. Du musst nur ein bisschen auf die Z-Order achten, dann ist das kein Problem.
Liebe Grüße
- VampireSilence -
selber programmieren ist nicht. keinerlei javascript kenntnisse!!!
jetzt wollt ich das mit jquery probieren, bei mir happerts aber an der anleitung und ich weiß nicht was ich alles brauch an dateien... scheiß englisch
und bei graybox hab ich alles wie in der anleitung beschrieben gemacht. jedoch bei klick auf den "speziall" link, hat sich keine box geöffnet, sondern einfach im selbem fenster die angegebene url... (also funktion wie bei nem ganz normalen link.
vampiresilence schrieb: Da brauchst du eigtl nicht viel Schnickschnack für. Es reicht, wenn du einen fixed-div von der Größe des Bildschirms erzeugst, der dann die Hintergrundfarbe Schwarz und einen beliebigen Opacity-Filter hat und die includete Datei legst du auf die gleiche Weise über das Abdunkel-div. Du musst nur ein bisschen auf die Z-Order achten, dann ist das kein Problem.
Liebe Grüße
- VampireSilence
^^ so ne "einfache" lösung wär mir echt am liebsten, aber mit meinen 0 Kentnissen komm ich da jetzt kein stück weiter... habt ihr mir vlt. ein paar codeschnippsel? -
Wenn du das mit jquery nicht hinbekommst, dann vergiss es! Das hab ich ausprobiert und innerhalb von 5 Minuten hat es funtkioniert!
Anleitung:
1. jquery.js erstellen und Quelltext reinschreiben (http://code.jquery.com/jquery-latest.js)
2. thickbox.js erstellen und Quelltext reinschreiben (http://jquery.com/demo/thickbox/thickbox-code/thickbox.js)
3. thickbox.css erstellen und Quelltext reinschreiben (http://jquery.com/demo/thickbox/thickbox-code/thickbox.css)
4. Dateien wie beschrieben einfügen:
<script type="text/javascript" src="path-to-file/jquery.js"></script> <script type="text/javascript" src="path-to-file/thickbox.js"></script> <link rel="stylesheet" href="path-to-file/thickbox.css" type="text/css" media="screen" />
(alles in den Header)
5. Die Beispiele müssten klar sein! -
cookies schrieb:
Wenn du das mit jquery nicht hinbekommst, dann vergiss es! Das hab ich ausprobiert und innerhalb von 5 Minuten hat es funtkioniert!
Anleitung:
1. jquery.js erstellen und Quelltext reinschreiben (http://code.jquery.com/jquery-latest.js)
2. thickbox.js erstellen und Quelltext reinschreiben (http://jquery.com/demo/thickbox/thickbox-code/thickbox.js)
3. thickbox.css erstellen und Quelltext reinschreiben (http://jquery.com/demo/thickbox/thickbox-code/thickbox.css)
4. Dateien wie beschrieben einfügen:
<script type="text/javascript" src="path-to-file/jquery.js"></script> <script type="text/javascript" src="path-to-file/thickbox.js"></script> <link rel="stylesheet" href="path-to-file/thickbox.css" type="text/css" media="screen" />
(alles in den Header)
5. Die Beispiele müssten klar sein!
danke habs so ganz gut hinbekommen.
zumindest scheint mein test funktioniert zu haben. -
Ich würde das auch über DIVS lösen einfach eins Hidden Setzen und dann anzeigen und die anderen ausblenden.
-
so dachte ich mir das auch. wie es geht wusste ich aber nicht.
und mit der thickbox hab ich jetzt eine gut funktionierende lösung
aber kannst ja gern noch nen beispielcode machen
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
