Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

JavaScript ili JQuery skripta za input forme

[es] :: Javascript i AJAX :: JavaScript ili JQuery skripta za input forme

[ Pregleda: 1321 | Odgovora: 1 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

DankoH
Danijel Skok

Član broj: 55253
Poruke: 80
*.adsl.net.t-com.hr.



+1 Profil

icon JavaScript ili JQuery skripta za input forme08.02.2011. u 09:37 - pre 160 meseci
Pozdrav svima.


Trebam neku smjernicu ili ako već ima gotove skripte negdje, za input forme da kad korisnik klikne next, da se animirano otvara sljedeća forma ispod (slide). Ne mogu sad pronaci ni jedan site koji ima to tako rjeseno, al mislim da ce te skuzit o cemu se radi.

Tnx
 
Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net


+44 Profil

icon Re: JavaScript ili JQuery skripta za input forme08.02.2011. u 14:19 - pre 160 meseci
mozda ovako nesto (nisam testirao, pisem napamet):

btw posto mozes samo jednu formu da posaljes serveru u jednom zahtevu (pricam o "normalnim" upitima, ne ajax) ja sam te tvoje forme zamenio fieldsetovima unutar jedne forme:

Code (html):

<body>
   <form ...>
     <fieldset>
          ...
         <button type="button" class="next">Next</button>
     </fieldset>
     <fieldset style="height:0;overflow:hidden">
          ...
         <button type="button" class="next">Next</button>
     </fieldset>
     <fieldset style="height:0;overflow:hidden">
          ...
         <button type="button" class="next">Next</button>
     </fieldset>
     <fieldset style="height:0;overflow:hidden">
          ...
         <button type="button" class="next">Next</button>
     </fieldset>
     <fieldset style="height:0;overflow:hidden">
          ...
         <button type="submit">Finish</button>
     </fieldset>
   </form>

   <script type="text/javascript" src="jquery.js"></script>
   <script type="text/javascript" src="form.js"></script>
</body>
 


form.js:
Code (javascript):

jQuery(function($){
   $('fieldset button.next').click(function() {
      $(this).parents('fieldset').next('fieldset').slideDown();
   });
});
 


 
Odgovor na temu

[es] :: Javascript i AJAX :: JavaScript ili JQuery skripta za input forme

[ Pregleda: 1321 | Odgovora: 1 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.