Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions css/hint.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

11 changes: 11 additions & 0 deletions data.json
Original file line number Diff line number Diff line change
Expand Up @@ -57,5 +57,16 @@
"effects",
"offset"
]
},
"descriptions": {
"ajax": "All AJAX functionality: $.ajax(), $.get(), $.post(), $.ajaxSetup(), .load(), transports, and ajax event shorthands such as .ajaxStart()",
"css": "The .css() method plus non-animated .show(), .hide() and .toggle()",
"deprecated": "Methods documented as deprecated but not yet removed; currently only .andSelf()",
"dimensions": "The .width() and .height() methods, including inner- and outer- variations",
"effects": "The .animate() method and its shorthands such as .slideUp() or .hide('slow')",
"event-alias": "All event attaching/triggering shorthands like .click() or .mouseover()",
"offset": "The .offset(), .position(), .offsetParent(), .scrollLeft(), and .scrollTop() methods",
"wrap": "The .wrap(), .wrapAll(), .wrapInner(), and .unwrap() methods",
"sizzle": "The Sizzle selector engine. When this module is excluded, it is replaced by a rudimentary selector engine based on the browser's querySelectorAll method that does not support jQuery selector extensions or enhanced semantics. See the selector-native.js file for details"
}
}
23 changes: 17 additions & 6 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
<head>
<title>jQuery Builder</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/hint.min.css"/>
<style>
h2, h3, h4 {
font-weight: normal;
Expand Down Expand Up @@ -38,6 +39,12 @@
.footer ul li {
display: inline-block;
}
.hint:after,[data-hint]:after{
min-width: 300px;
white-space: normal;
line-height: 1.3em;
font-size: 85%;
}
</style>
<script type="text/javascript">

Expand Down Expand Up @@ -141,10 +148,10 @@ <h2>Todo</h2>
<script src="lib/filename.js"></script>
<script>
var currentFile = '';
var versions;

$.get('data.json', function(data) {
var versions, descriptions;
$.get('data.json', function(data) {
versions = data.versions;
descriptions = data.descriptions;

//versions
el = $('#version');
Expand All @@ -165,12 +172,16 @@ <h2>Todo</h2>
var el = $('[data-role=modules]');
var html = [];
for (var i = 0, c = modules.length; i < c; i++) {
html.push('<li><label class="checkbox"><input type="checkbox" value="'+modules[i]+'" checked>' + modules[i] + '</label></li>');
var description = descriptions[modules[i]]
, hint_attrs = '';

if (description)
hint_attrs = 'class="hint--bottom hint--rounded" data-hint="' + description + '"';
html.push('<li><span ' + hint_attrs + '><label class="chechbox"><input type="checkbox" value="'+modules[i]+'" checked> ' + modules[i] + ' </label></span></li>');
}
el.html(html.join(''));
$('[value=deprecated]').parent().append('<span>&nbsp;($.uaMatch, $.browser, $.sub)</span>');
// $('[value=deprecated]').parent().append('<span>&nbsp;($.uaMatch, $.browser, $.sub)</span>');
$('form [type=checkbox]').on('change', update);

update();
};

Expand Down