A form in slider form
Harish U Warrier
Wersja: 1.0.5
Numer wersji wtyczki
Dokumentacja
Sprawdź wszystkie opcje jakie oferuje plugin
Strona wtyczki
Oficjalna witryna wtyczki
Github
Repozytorium Github
Wersja jQuery: jquery >=1.8.3
Wersja jQuery z którą współpracuje plugin
Licencja: MIT
Licencja
Zobacz więcej
A form in slider form
Autor | Harish U Warrier |
Wersja: | 1.0.5 |
Dokumentacja: | Dokumentacja |
Strona wtyczki: | Strona wtyczki |
Github: | Github |
Wersja jQuery: | jquery >=1.8.3 |
Licencja: | MIT |
Zgłoś błąd: | Zgłoś błąd |
Data opublikowania: | 2014-10-06 |
Historia wersji
Wersja | Data publikacji |
---|---|
1.0.5 | 2014-10-06 |
1.0.4 | 2014-08-28 |
1.0.2 | 2014-07-13 |
1.0.1 | 2014-07-11 |
Posiada dużą ilość elementów które można dowolnie konfigurować np. szybkość slidera, klasy css elementów nawigacyjnych oraz funkcję która zostanie wywołana po kliknięciu submita formularza.
Więcej informacji w tym demo z różnymi wariantami konfiguracji znajduję się na stronie wtyczki.
Tagi
Instalacja
- Biblioteki
- HTML
- JS
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="jformslider.js"></script>
<div id="slider">
<ul>
<li>
<input type="text" name="username" required data-msg="Please enter username" />
</li>
<li>
<input type="text" name="email" required data-msg="Please enter a valid email "/>
</li>
</ul>
</div>
var options={
width:500,
height:300,
movement:'vertical',
button_placement:'top',
next_class:'btn btn-primary btn-xs',
prev_class:'btn btn-primary btn-xs',
error_class:'text-danger',
input_error_class:'error_input',
texts:{
next:'Next',
prev:'Back',
submit:'Submit'
},
speed:600,
error_position:'onelement',
validation:true,
nav_class:'nav_class_top',
submit_class:'btn btn-primary btn-xs',
slide_on_url:false,
submit_id:'',
submit_handler:function(){
alert('send');
},
};
var slider= $('#slider').jFormslider(options);