Write examples + test trigger, hotkey and preset

This commit is contained in:
Samuel Georges 2015-05-30 17:22:13 +10:00
parent 757b5dd935
commit 1017990abe
4 changed files with 45 additions and 4 deletions

View File

@ -20,7 +20,7 @@ Allows the dragging of things.
Drop "Bar"
</button>
<!----------------------------------------------------------------------><hr />
<!-----------------------------------------------------------------><hr />
<h4>Example: drag.scroll</h4>
@ -44,7 +44,7 @@ Allows the dragging of things.
$('#scrollExample').dragScroll();
</script>
<!----------------------------------------------------------------------><hr />
<!-----------------------------------------------------------------><hr />
<h4>Example: drag.sort</h4>

View File

@ -1,7 +1,42 @@
# Input
Scripts that manage user input events
Scripts that manage user input events.
# Example
...
<h4>Example: input.hotkey</h4>
<button data-hotkey="b" onclick="alert('B is for Banana!')">
Press "B" on your keyboard
</button>
<button data-hotkey="shift+r" onclick="confirm('Shift gears...?')">
Press "Shift + R" on your keyboard
</button>
<!-----------------------------------------------------------------><hr />
<h4>Example: input.preset</h4>
<input type="text" id="presetExample1" placeholder="Type something" />
<input type="text"
data-input-preset="#presetExample1"
placeholder="Watch here"
disabled />
<!-----------------------------------------------------------------><hr />
<h4>Example: input.trigger</h4>
<input type="checkbox" id="triggerChk1" />
<button class="btn disabled"
data-trigger-action="enable"
data-trigger="#triggerChk1"
data-trigger-condition="checked">
Check the checkbox
</button>
<!-----------------------------------------------------------------><hr />
<h4>Example: input.monitor</h4>

View File

@ -1,3 +1,6 @@
/*
=require foundation.js
*/
/*
* Hot key binding.
*

View File

@ -1,3 +1,6 @@
/*
=require foundation.js
*/
/*
* The form change monitor API.
*