Techology for create one button controlled interfaces.
Do you know a man who can press only one button? Maybe. But i think you don't. In world many people wanna use your site, but can't. With this library you can create interface for them. Free and fast.
npm install --save dqt
var DQT = require ( " dqt " ) ;
var dqt = new DQT ( [ [ ' mum ' , ' dad ' ] , [ ' son ' , ' dauther ' ] ] ) ;
dqt . on ( ' step ' , console . log ) . on ( ' choosen ' , console . log ) ;
process . stdin . on ( ' data ' , ( data ) => {
dqt . emit ( ' click ' ) ;
} ) ;
<! DOCTYPE html >
< html >
< head >
< meta charset = " utf-8 " >
< title > < / title >
</ head >
< body >
< ul >
< li > < a href = " http://vk.com " > vk </ a > </ li >
< li > < a href = " http://facebook.com " > facebook </ a > </ li >
< li > < a href = " http://yandex.ru " > yandex </ a > </ li >
< li > < a href = " http://google.ru " > google </ a > </ li >
</ ul >
< button type = " button " id = " button " > Choose </ button >
< script type = " text/javascript " src = " dqt.browser.js " > </ script >
< script type = " text/javascript " src = " http://code.jquery.com/jquery-2.2.1.min.js " > </ script >
< script type = " text/javascript " >
var links = Array . prototype . slice . apply ( document . querySelectorAll ( ' a ' ) ) ;
var dqt = new DQT ( DQT . group ( links ) ] ) ;
var prev ;
dqt . on ( ' step ' , ( el , x , y ) => {
if ( prev != null ) prev . toggle ( " bounce " )
prev = ( $ ( el ) . toggle ( " bounce " ) ) ;
} ) . on ( ' choosen ' , ( el ) => {
console . log ( ' chosse ' , el ) ;
if ( Array . isArray ( el ) ) return ;
window . location . replace ( el . href ) ;
} ) ;
document . getElementById ( ' button ' ) . onclick = ( ) => {
dqt . emit ( ' click ' ) ;
} ;
</ script >
</ body >
</ html >
npm run test : node test.jsnpm run browserify : browserify index.js > dqt.browser.js
DQT extends EventEmitter. You create object of DQT.
Class representing dqt model.
Create a dqt.
array set - The set for chossen.number interval - The timeout of choose.
step , call in each timeout, Params is choosen element {Object} and x, y {number}choose , call when user choose something, group or element.click , you should emit it, oh you should do it.
Contributions welcome; Please submit all pull requests the against master branch.Thanks!
ibakaidov
