Turn any webform into a powerful wizard with jQuery

表单过长是让用户受阻的重要原因,而基于浏览器的应用程序要提供用户注册或收集用户资料,也只能用form了,所以简洁大方的表单是吸引用户注册的有效手段,今天介绍一个jquery插件,看文章标题就知道:把任何web表单转化为美观的向导式表单,翻译得不好,看图:

原始表单:

before-powerful-wizard

转化后:

after-powerful-wizard

插件来源:http://www.jankoatwarpspeed.com/examples/webform_to_wizard/

Yetii — Yet another javascript tab interface

come from: http://www.kminek.pl/lab/yetii/

Yetii stands for Yet (E)Another JavaScript Tab Interface Implementation.

There are plenty of DHTML tabs scripts out there but most of them are either poorly coded, library/framework dependend or bloated with unnecessary functionality. So I`ve decided to come up with this simple, yet functional tab interface implementation.

Features

  • extremely lightweight, object-oriented code
  • gracefull degradation in browsers without JavaScript
  • you can have many independend tab interfaces on a single page
  • you can specify initial tab
  • you can customize default class names
  • you can turn on automatic tabs rotation (available in two modes)
  • you can add next/previous navigation
  • you can nest one tab interface inside another
  • you can manually invoke tab showing method
  • you can define custom function to run after certain tab is clicked
  • you can define custom function to run when user leaves certain tab
  • you can link to certain tab on page A from page B via URL parameter
  • you can turn on tab persistence feature, so the most recently clicked tab is stored inside a cookie and remembered between page refresh

yet-another-javascript-tab-interface