po klikniecu w button wysuwa sie formularz Opcje

[spayk]

Prosze o pomoc jak zrobic tak zeby po kliknieciu w button wysunął się formularz tzn button zchodzi na dól i nad nim pojawia sie formularz i zeby na buttonie zmienił sie value

[kamil4u]

Musisz skorzystać z JS, a do tego potrzebna jest jakaś wiedza.. Zacznij od:
- DOM
- DHTML
- Zdarzenia - podstawy

Następnie stwórz formularz i przycisk. Za pomocą CSS ukryj formularz. W chwili kliknięcia zmień value przycisku i styl css( display ) całego formularza. Jeżeli chcesz to zanimować w czystym JS to sobie daruj - musisz znać chociaż podstawy. Możesz ew. skorzystać z jakieś biblioteki JS np. jQuery, ale tego też będziesz musiał się nauczyć.

Pozdrawiam i życzę powodzenia

Ten post edytował kamil4u 29.07.2010, 16:45:25

[spayk]

a jest cos gotowego?
myslałem zeby skorzystac z ajaxa
mam button i chce zeby po klikniecu wysunoł się formularz i jak formularz jest wysunięty to przycisk działa jako submit do wysłania
moze mi ktoś pomóc jak to zrobic bez animacji ?

[kamil4u]

Nie wysunoł ,a wysunął

Wiesz co to jest AJAX?
Najprościej tak jak Ci napisałem, aby Ci jeszcze ułatwić skonkretyzuje:
- nadajesz id elementowi, następnie, żeby się odwołać do tego elementu piszesz = document.getElementById('Twoje_id') - jest to referencja do elementu
- następnie, aby zmienić styl CSS(np .display) w JS piszesz: referencja_do_elementu.style.display = 'block';
- aby zmienić prawie dowolny atrybut(np. value) piszesz: referencja_do_elementu.value = 'nowe value';
- dodanie funkcji pod kliknięcie -> referencja_do_elementu.onclick = function(){ /*tu instrukcje do wywołania*/ };

[Wicepsik]

moze mi ktoś pomóc jak to zrobic bez animacji ?

[HTML] pobierz, plaintext 
<form action="#" method="post" id="formularz" style="display:none;">
<input type="text" name="pole">
</form>
<input type="button" value="Pokaz formularz" onclick="document.getElementById('formularz').style.display = 'block'; this.value = 'Pokazales formularz'">
[HTML] pobierz, plaintext 

[spayk]

a tak zeby hmm albo moze ten button zeminił klase albo zeby był przyciskiem do wysłania formularza

[kamil4u]

Dodaj tam(w onclick): this.type = 'submit'; i/lub this.className = 'tu_moja_klasa';

[spayk]

no tak myslałem ale wtedy przycisk jest poza formularzem

[kamil4u]

Racja.. - możesz wysłać formularz za pomocą submit() - poprzez kod:

Kod

onclick="(el = document.getElementById('formularz')).style.display = 'block'; this.value = 'Pokazales formularz'; this.onclick= el.submit;"

Jednak taki długi kod w znaczniku onclick to moim zdaniem przegięcie i powinieneś to zrobić tak jak pisałem wcześniej.
Możesz też ukrywać/kasować ten przycisk, a prawidłowy input typu 'submit' mieć zawsze w formularzu.

PS. Nie jestem pewien zapisu this.onclick= el.submit; ew. spróbuj tak jak wcześniej pisałem z function(){ ... };

[spayk]

a co zrobic zeby znikł po kliknieciu ten przycisk
i wygladała by funkcji onclick na zamkniecie formularza ?

[Wicepsik]

A może zaczniesz czytać jakiś kurs js ? Przez 4 godziny od założenia tematu nic nie przeczytałeś ?

Ten post edytował Wicepsik 29.07.2010, 19:31:02