Uberize jQuery Plugin (uber app form)

Posted on Posted in Various

Uberize jQuery Plugin (uber app form)

Uberize is a simple jQuery Plugin that allows to display a form that is similar to the form inside uber apps.


UBERIZE v1.0.0
DOWNLOAD: https://github.com/nashworks/uberize
Copyright 2014 Nashworks
Released under the MIT license


LEGEND:
lT  = label text (example/default is 4 labels)
iFT  = input field type (example/default is 4 fields)
iFR  = input field required (example/default is 4 fields)
iBT  = input button type (example/default is 4 fields)
lTC  = label text color
piXY = puck icons XY coordinates (example/default is 4 icons)
mBC  = main background color is made of 3 rgb values (top and bottom colors and opacity)
pBC  = puck background color is made of 3 rgb values (top and bottom colors and opacity)
pBBC = puck border color
pI  = puck icons are made of 2 values (background color and path to the sprite)
pIBC = puck icon border color
lBC  = line background color is made of 3 rgb values (top and bottom colors and opacity)
cBC  = circle background color is made of 3 rgb values (top and bottom colors and opacity)
mW  = main width
iFBC = input field background color
iBBC = input button background color
iFTC = input field text color
iBTC = input button text color
dBQO = database query operation (INSERT or UPDATE), please use second parameter to specify which rowID needs to be updated


USAGE:
$(‘some_div’).uberize({name1:’value1′,name2:’value2′,etc…});


EXAMPLE:
$(‘#uberDiv’).uberize({lT:[‘EMAIL’,’MOBILE’,’PASSWORD’,’PHOTO’],iFT:[’email’,’tel’,’password’,’file’],iFR:[‘required’,’required’,’required’,”],iBT:[‘button’,’button’,’button’,’submit’],lTC:’#CCC’,iXY:[‘0 0′,’0 -34px’,’0 -68px’,’0 -102px’],mBC:[‘26,26,26′,’1,1,1′,’1’],pBC:[‘26,26,26′,’1,1,1′,’1′],pBBC:’#333’,pI:[‘#000′,’icons_white.png’],pIBC:’#333′,lBC:[‘26,26,26′,’26,26,26′,’1’],cBC:[‘26,26,26′,’26,26,26′,’1′],mW:’100%’,iFBC:’#000′,iBBC:’#000′,iFTC:’#CCC’,iBTC:’#CCC’,dBQO:[‘INSERT’,’0′]});

Leave a Reply