kostenloser Webspace werbefrei: lima-city


onclick --> seite abdunkeln und zentriert eine datei includen

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    losebettler1

    losebettler1 hat kostenlosen Webspace.

    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?
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. 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...
  4. vampiresilence

    Kostenloser Webspace von vampiresilence

    vampiresilence hat kostenlosen Webspace.

    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
  5. Autor dieses Themas

    losebettler1

    losebettler1 hat kostenlosen Webspace.

    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?
  6. 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!
  7. Autor dieses Themas

    losebettler1

    losebettler1 hat kostenlosen Webspace.

    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.
  8. Ich würde das auch über DIVS lösen einfach eins Hidden Setzen und dann anzeigen und die anderen ausblenden.
  9. Autor dieses Themas

    losebettler1

    losebettler1 hat kostenlosen Webspace.

    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 ;-)
  10. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!