Okno zwijane i rozwijane z belką, Howto do it? any ideas? Opcje

[v3n0m]

Czołem! Zawracam się do Was o młodzi, dzielni, ambitni programiści!
Mam pytanie. Jak zrobić coś takiego, co pokażę za chwilę na zrobionych przeze mnie rysunkach. Otóż sprawa wygląda następujaco. Chciałbym mieć takie pole z treścią na stronie, którą można zwinąć, tak by dana treść nie była widoczna, ale gdy ktoś kliknąłby w odpowiedni przycik, okno by się rozserzyło i wiadomość byłaby widoczna. Widziałem ten efekt na paru stronach internetowych, więc mam nadzieję, że to wogóle jest możliwe do wykonania. Przejdźmy zatem do wizualizacji mojej wizji (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

(IMG:http://img455.imageshack.us/img455/4185/zwiniete5kq.gif)
Rysunek ten przedstawia belkę takowego okna. W czerwonym okręgu wyszczególniłem przycik, na który użytkownik klika i kolejno następuje oto nstępujący efekt:

(IMG:http://img455.imageshack.us/img455/7770/rozwiniete8ba.gif)
czyli rozwinięcie się treśći. Nie chodzi mi o animację, tylko poprostu o roszerzenie się takowego okna w dół. Mam nadzieję, ze ktoś mnie zrozumiał i wie jak mi pomóc. Jeśli nie bedziecie jeszcze wiedzieć o co mi chodzi to mogę wykonać animację.

Liczę na was. Z góry dziękuję za wszystkie odpowiedzi. Pozdrawiam.

[dragomir]

mysle ze w Twoim wypadku, kiedy potrzebujesz prostego skryptu do rozwijania okna, najlepiej bedzie po prostu napisac funkcje w js zmieniajaca parametr "display" danego elementu, cos w stylu:

Kod

function shBlock(id) { var item; item = document.getElementById(id);
if (item.style.display == 'none') {item.style.display = 'block';} else { item.style.display = 'none'; } }

wstawiasz sobie cos takiego w sekcji <script>, tworzysz div'a (badz inny element) ktory ma sie pojawiac i znikac oraz linka (tekstowy, obrazek, cokolwiek), div'owi nadajesz jakies id a linkowi przyporzadkowujesz href="java script:shBlock(id_tego_diva);" cala filozofia.

//edit: jesli chcesz zeby div nie byl widoczny na poczatku to oczywiscie nadajesz mu w css display: none;

Ten post edytował dragomir 17.01.2006, 23:57:40