cybton.com
Über uns | Jobs | Werbung | Sitemap | AGB | Impressum | Hilfe ?
 Kostenlos anmelden)
Forum
Aktuellste Beiträge
Forenregeln

Community
BB-Codes
Tags
Chat
Suche (Web)
Wer ist online?
Top-User

Basar


Statistik
Mitglieder gesamt: 68138
Mitglieder online: 5
Gäste online: 1
mehr...

Anzeige
Forum » Forum: Website & Webprogrammierung » Thread: Suche PseudoPopup

Thread: Suche PseudoPopup

Tags: DIV , Lightbox , Popup , z-index

16.05.2008 17:27 Uhr

 

Status: offline
Hallo,
ich suche ein Pseudo Popup so wie bei www.kantipark.ch beim absenden eines Musikwunsches, oder wie bei
www.homepage-total.de direkt beim seitenaufruf.

ich hätte gerne etwas das ähnlich wie bei Lightbox das beim aufrufen des Popups per link der rest der webseite
in ein zartes grau oder ähnliches gesetzt wird.
In dieser Box möchte ich ein Voting sowie anderes zeugs includen.

Wer kennt ne gute quelle wo ich sowas finde oder hat sogar irgendsowas irgendwo rumfliegen ?

MFG Toby
___________________________
[*] Follow the white Rabbit !
[*] Leg dich mit dem Besten an, und du Stirbst wie alle dann xD
Mein SystemProfil
16.05.2008 17:43 Uhr

 

Status: offline
hi!
ich kann zwar kein js kann mir aber denken, wie es funktioniert ;)
bei anklicken eines links (oder was auch immer). wird ein grauer kasten, der sich über die ganze seite erstreckt eingeblendet.
html:
1
<div style="display:none;"></div>
dann werden noch andere sachen sichtbar gemach, die ÜBER dem grauen div liegen.
um ihn leicht durchscheinend zu machen musst du nur eine 1*1px große bilddatei anlegen und die sichtbarkeit runterschrauben.

ich hoffe das war verständlich^^ ;)

cYa
___________________________
Faulheit ist wenn man mit einem Glas Milch in der Hand auf das nächste Erdbeben wartet um einen Milchshake zu trinken.
Chuck Norris hat mehr Kreditkarten als Max Mustermann!
Sido fragte mal "Wer ist Chuck Norris?". Seitdem trägt er eine Maske.
16.05.2008 19:07 Uhr

 

Status: offline
ok, das system hätte ich verstanden ... nur wie ich das realisiere weiß ich nicht.

Gibts da kein script das ich nehmen kann ?
Ich hatte eins, aber das hat mir die restliche webseite gecracht
___________________________
[*] Follow the white Rabbit !
[*] Leg dich mit dem Besten an, und du Stirbst wie alle dann xD
Mein SystemProfil
16.05.2008 20:26 Uhr

 

Status: offline
Ich hab eins ^^
Als erstes machst du ein Div wie oben schon beschrieben:
Html:
1
<div id="test" style="display:none;">INHALT</div>
Dort ist die Eigenschaft Display = None;
Und mit diesem Link wird diese Eigenschaft zu block:
Html:
1
<a href="javascript:void(0);" onClick="javascript:document.getElementById('test').style.display= 'block';">klick</a>
Achte darauf das die ID des Divs und der fette Teil bei getElementByid('test') immer gleich sind.

mfg,
Xanatas
2 mal bearbeitet
___________________________
---Xanatas-Homepage--- ---Stupidedia-Das einzig wahre Lexikon---
Chuck Norris hat auf CybtonDOTcom auch nach dem Release Webspace! :D
16.05.2008 21:31 Uhr

 

Status: offline
Danke an den Threadstarter, sowas hab ich auch schon lange gesucht :D

Nun hab ich noch eine Frage: Ich habe nun eine Box erstellt, die sich per Link öffnet und mit einem anderen Link IN der Box wieder ausblendet. Wie kann man denn diese Box ÜBER dem restlichen Inhalt der Seite anzeigen lassen?
___________________________
Eines Morgens wachst Du nicht mehr auf.
Die Vögel aber singen, wie sie gestern sangen. Nichts ändert diesen neuen Tagesablauf.
Nur Du bist fortgegangen. Du bist nun frei und unsere Tränen wünschen Dir Glück.
16.05.2008 21:40 Uhr

 

Status: offline
Zitat:
Wie kann man denn diese Box ÜBER dem restlichen Inhalt der Seite anzeigen lassen?

Durch absolute Positionierung "position:absolute; top:0px; left:0px;" kann man die Box in die obere linke Ecke setzten, ein "z-index:1;" kann dabei helfen wenn sich die Box und vorhandene Objekte überlappen.

Aber wie man die Box Bildschirm füllend bekommt habe ich auch noch nie hin bekommen !
Mir fällt gerade ein andere Thread ein, der könnte helfen... ich such ihn mal eben...
..habe es gefunden: http://www.cybton.com/view_thread,Div%20Inhalt%20per%20Klick%20auf%20Link%20aend ... ml#p282324
Die Seite die ich dort Poste zeigt einem die sichtbare Fensterhöhe und -breite, diese Werte müssen dann nur noch auf die Box angewandt werden und schon sollte sie Bildschirm füllend sein.

Gruß Dragonl
1 mal bearbeitet
___________________________
Gemeinde Jugend Vertretung Bremen
"Ich will das Rad kein zweites mal erfinden,
ich will nur verstehen wie es funktioniert !"
16.05.2008 21:48 Uhr

 

Status: offline
Geht das nicht mit:
Html:
1
width: 100%; height: 100%;
Oder täusche ich mich da?
___________________________
---Xanatas-Homepage--- ---Stupidedia-Das einzig wahre Lexikon---
Chuck Norris hat auf CybtonDOTcom auch nach dem Release Webspace! :D
16.05.2008 21:55 Uhr

 

Status: offline
Die Breite schon (die ist bei einem DIV ja eh 100%) aber die Höhe nicht da das Browserfenster ja automatisch nach unten weiter Scrollt. Das Ergebnis wäre eine Wettrennen zischen den scrollendem Browserfenster und dem "wachsendem" DIV *wink*

Hm... da fällt mir ein, was passiert eigentlich wenn man dann selber Scrollt ?
Da das DIV absolute mit top:0px; positioniert ist, scrollt das mit nach oben und gibt unter sich die Seite frei.
Das müsste man dann auch noch behandeln... jetzt weiß ich auch wieder wann ich aufgegeben habe  :lol: 

~Dragonl
___________________________
Gemeinde Jugend Vertretung Bremen
"Ich will das Rad kein zweites mal erfinden,
ich will nur verstehen wie es funktioniert !"
16.05.2008 22:00 Uhr

 

Status: offline
Zitat:
position:absolute; top:0px; left:0px;


klappt schonmal  :glad: 
Aber ... was wenn ich den inhalt zentriert anzeigen möchte ? und zwar so das der eigentliche inhalt nicht verschoben wird beim anzeigen
___________________________
[*] Follow the white Rabbit !
[*] Leg dich mit dem Besten an, und du Stirbst wie alle dann xD
Mein SystemProfil
18.05.2008 20:07 Uhr

 

Status: offline
zentriert:
html:
1
margin:0px auto
das "auto" steht für links und rechts. den oberen und unteren abstand (0px) kannst du verändern, wie du willst...
___________________________
Faulheit ist wenn man mit einem Glas Milch in der Hand auf das nächste Erdbeben wartet um einen Milchshake zu trinken.
Chuck Norris hat mehr Kreditkarten als Max Mustermann!
Sido fragte mal "Wer ist Chuck Norris?". Seitdem trägt er eine Maske.
Ähnliche Threads Forum Ähnlichkeitsgrad
 Probleme mit DIVs Website & Webprogrammierung 1
 Problem mit Div-Anordnung + Frage zum Design :) Website & Webprogrammierung 1
 Div Inhalt per Klick auf Link ändern Website & Webprogrammierung 1
 [gelöst] Verschiedene Anzeigen in IE und Firefox? Website & Webprogrammierung 1
 [problem gelöst!]problem bei div-positionierung mit css + problem mit overflow Website & Webprogrammierung 1
 Bild in Div-Box Darstellungsfehler IE / FF Website & Webprogrammierung 1
 [gelöst] Problem mit CSS (Div Elemente) Website & Webprogrammierung 1
nach obennach oben

Copyright © 2008 cybton-network

Google
Partner: #Musik - Dein Internetradio - nexem. - .wir machen news - Your-Book.net - Dein kostenloses Gästebuch
ANEXIA - PHP Entwicklung - Dockers - s.Oliver Schuhe - Think Schuhe - der eigene Weg - Dorfen - Paul Green Schuhe - Bequeme Geox - Web-Entwicklung