Amegabosco’s Weblog

Believe it, it has already happened !!:

Edition de formulaire en live avec bootstrap

http://vitalets.github.io/x-editable/demo.html?c=popup

X-editable Demo
Settings
Form style: Mode: refresh
Example
auto-open next field enable / disable
Click to edit

Simple text field superuser
Empty text field, required Empty
Select, local array, custom display not selected
Select, remote array, no buttons Support
Select, error while loading Active
Datepicker 25.02.2013
Combodate (date) 15/05/1984
Combodate (datetime) Empty
Bootstrap Datetimepicker 08/03/2013 12:45
Textarea, buttons below. Submit by ctrl+enter awesome
user!
Bootstrap 2 typeahead California
Checklist peach
apple
Select2 (tags mode) html, javascript
Select2 (dropdown mode) Bahamas
Custom input, several fields Moscow, Lenina st., bld. 12
Wysihtml5 (bootstrap 2 only). [edit]
WYSIWYG
WYSIWYG means What You See Is What You Get.
But may also refer to:
WYSIWYG (album), a 2000 album by Chumbawamba
« Whatcha See is Whatcha Get », a 1971 song by The Dramatics
WYSIWYG Film Festival, an annual Christian film festival
Source: wikipedia.org
Console (all ajax requests here are emulated)

More examples and tricks (jsFiddle)
Submit data via PUT method
Autotext option for select
Display checklist as

 

      Process JSON response

 

      Editable column in table

 

      MVC pattern in editable interface

 

      Change buttons style

 

      Display server response as element’s text

 

      Dependent SELECTs

 

      Single regular checkbox

 

      Live events: work with delegated targets

 

      SELECT2 remote source

 

    X-editable © Vitaliy Potapov 2012. Released under the MIT license.
Publicités

No comments yet»

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s

%d blogueurs aiment cette page :