[ DankoH @ 08.02.2011. 09:37 ] @
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
[ Aleksandar Ružičić @ 08.02.2011. 14:19 ] @
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();
   });
});