Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: okno w java script
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
psyduck411
witam was
mam pytanie głównie do osób znających
sie na js na wyższym poziomie

czyli pytanie brzmi jak zrobić coś takiego
jest sobie jakiślink na stronie a po kliknięciu w niego zrobi się coś takiego:
będzie sie pojawiało taki efekt jakby przzeźroczystości od 0-80% i sie zaczymuje na 80% takie okno na 3/4 ekranu takie półprzeźroczyste
na którym moge sobie pisać normalnie w html

jesli chodz o demo
to chce zrobić coś takiego jak ma np nasza klasa po kliknięciu w sliedzika czy poczte u góry
ze takie okno wyskakuje.

Chciałbym wogóle zrobić coś w ten deseń
#luq
Żaden tam wyższy poziom wtajemniczenia nie jest potrzebny winksmiley.jpg

Okienko (div) normalnie pozycjonujesz absolutnie nadajesz z-index i ustawiasz pozycje tyle ze dajesz go niewidoczna, tak samo tworzysz warstwę na cala stronę o kolorze czarnym z opacity: 1, również display: none. Po kliknięciu na link robisz zmianę display + animowana zmianę właściwości opacity (setTimeout) a na koniec tej animacji zmieniasz styl okinka na block.

A więc głównie chodzi o zmianę właściwości CSS, nic więcej.
psyduck411
jesli chodzi o takie cos to jestem troche początkujący i chciałbym aby mi ktos ten przykłąd chociaż zrobił to bym zobie moze reszte poradził
nospor
Skorzystaj z gotowych libów, np:
http://jqueryui.com/demos/dialog/#modal-message
Masz tam rozne przyklady - przejrzyj sobie
psyduck411
to jednak nadal nie to
;/
kamil4u
To chyba jednak to smile.gif -> zobacz też podobne np. http://jquery.com/demo/thickbox/ . Jak nadal nie to pokaż jakiegoś screen-a czy coś, żebyśmy mogli wizualnie zobaczyć o co Ci chodzi. Chyba, że chcesz to zrobić w 'czystym' JS, wtedy napisz, to może się trochę pomęczę i dam Ci kilka rad + odp. linki smile.gif
psyduck411
tak to chyba to narazie dzieki pozniej poprubuje


mam problem
mógłby mi to ktoś zrobić jakoś inaczej?
bo jako ze chc to umieścić na forum i jak mam np link w a href to niby jest on taki
ajaxOverFlow.htm?keepThis=true&TB_iframe=true&height=300&width=500
ale skrypt forum robi tak ze wchodzi mi w strone http://b3410.pl/forum/home.phpajaxOverFlow...0&width=500

pomoże mi ktos
?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.