" + item.desc + "") .appendTo(ul); }; $("#developer").autocomplete({ source: (request, response) => { var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i"); } }); var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme" ]; $("#tags").autocomplete({ source: availableTags }); $("#birds") .bind("keydown", (event) => { if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autocomplete").menu.active) { event.preventDefault(); } }) .autocomplete({ source: (request, response) => { $.getJSON("search.php", { term: null }, response); }, search: () => { // custom minLength var term = null if (term.length < 2) { return false; } }, focus: () => { return false; }, select: (event, ui) => { return false; } }); $("#tags") .bind("keydown", (event) => { if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autocomplete").menu.active) { event.preventDefault(); } }) .autocomplete({ minLength: 0, source: (request, response) => { }, focus: () => { return false; }, select: (event, ui) => { return false; } }); $("#city").autocomplete({ source: (request, response) => { $.ajax({ url: "http://ws.geonames.org/searchJSON", dataType: "jsonp", data: { featureClass: "P", style: "full", maxRows: 12, name_startsWith: request.term }, success: (data) => { response($.map(data.geonames, (item) => { return { label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName, value: item.name } })); } }); }, minLength: 2, select: (event, ui) => { log(ui.item ? "Selected: " + ui.item.label : "Nothing selected, input was " + this.value); }, open: () => { $(this).removeClass("ui-corner-all").addClass("ui-corner-top"); }, close: () => { $(this).removeClass("ui-corner-top").addClass("ui-corner-all"); } }); function log(message) { $("").text(message).prependTo("#log"); $("#log").attr("scrollTop", 0); } var cache = {}; $("#birds").autocomplete({ minLength: 2, source: (request, response) => { var term = request.term; if (term in cache) { response(cache[term]); return; } $.getJSON("search.php", request, (data, status, xhr) => { cache[term] = data; response(data); }); } }); $("#birds").autocomplete({ source: "search.php", minLength: 2, select: (event, ui) => { log(ui.item ? "Selected: " + ui.item.value + " aka " + ui.item.id : "Nothing selected, input was " + this.value); } }); $("#birds").autocomplete({ source: data, minLength: 0, select: (event, ui) => { log(ui.item ? "Selected: " + ui.item.value + ", geonameId: " + ui.item.id : "Nothing selected, input was " + this.value); } }); } function test_button() { $("#check").button(); $("#format").buttonset(); $("input[type=submit], a, button") .button() .click((event) => { event.preventDefault(); }); $("button:first").button({ icons: { primary: "ui-icon-locked" }, text: false }).next().button({ icons: { primary: "ui-icon-locked" } }).next().button({ icons: { primary: "ui-icon-gear", secondary: "ui-icon-triangle-1-s" } }).next().button({ icons: { primary: "ui-icon-gear", secondary: "ui-icon-triangle-1-s" }, text: false }); $("#rerun") .button() .click(function () { alert("Running the last action"); }) .next() .button({ text: false, icons: { primary: "ui-icon-triangle-1-s" } }) .click(function () { var menu = $(this).parent().next().show().position({ my: "left top", at: "left bottom", of: this }); $(document).one("click", function () { menu.hide(); }); return false; }) .parent() .buttonset() .next() .hide() .menu(); $("#beginning").button({ text: false, icons: { primary: "ui-icon-seek-start" } }); $("#rewind").button({ text: false, icons: { primary: "ui-icon-seek-prev" } }); $("#play").button({ text: false, icons: { primary: "ui-icon-play" } }) .click(function () { var options; if ($(this).text() === "play") { options = { label: "pause", icons: { primary: "ui-icon-pause" } }; } else { options = { label: "play", icons: { primary: "ui-icon-play" } }; } $(this).button("option", options); }); $("#stop").button({ text: false, icons: { primary: "ui-icon-stop" } }) .click(function () { $("#play").button("option", { label: "play", icons: { primary: "ui-icon-play" } }); }); $("#forward").button({ text: false, icons: { primary: "ui-icon-seek-next" } }); $("#end").button({ text: false, icons: { primary: "ui-icon-seek-end" } }); $(".selector").button({ disabled: true }); var disabled = $(".selector").button("option", "disabled"); $(".selector").button("option", "disabled", true); $(".selector").button({ icons: { primary: "ui-icon-gear", secondary: "ui-icon-triangle-1-s" } }); $(".selector").button({ label: "custom label" }); $(".selector").button({ text: false }); $(".selector").button("destroy"); } function test_datepicker() { $.datepicker.formatDate('yy-mm-dd', new Date(2007, 1 - 1, 26)); $.datepicker.formatDate('DD, MM d, yy', new Date(2007, 7 - 1, 14), { dayNamesShort: $.datepicker.regional['fr'].dayNamesShort, dayNames: $.datepicker.regional['fr'].dayNames, monthNamesShort: $.datepicker.regional['fr'].monthNamesShort, monthNames: $.datepicker.regional['fr'].monthNames }); $("selector").datepicker($.datepicker.regional['fr']); $("#datepicker").datepicker(); $("#datepicker").datepicker("option", "showAnim", $(this).val()); $("#datepicker").datepicker({ showOtherMonths: true, selectOtherMonths: true }); $("#datepicker").datepicker({ showButtonPanel: true }); $("#datepicker").datepicker({ changeMonth: true, changeYear: true }); $("#datepicker").datepicker({ numberOfMonths: 3, showButtonPanel: true }); $("#datepicker").datepicker({ showOn: "button", buttonImage: "images/calendar.gif", buttonImageOnly: true }); $.datepicker.setDefaults($.datepicker.regional[
")
.addClass("arrow")
.addClass(feedback.vertical)
.addClass(feedback.horizontal)
.appendTo(this);
}
}
});
$("#show-option").tooltip({
show: {
effect: "slideDown",
delay: 250
}
});
$(document).tooltip({
items: "img, [data-geo], [title]",
content: function () {
var element = $(this);
if (element.is("[data-geo]")) {
var text = element.text();
return "![" + text +
"](http://maps.google.com/maps/api/staticmap?" +
"zoom=11&size=350x350&maptype=terrain&sensor=false¢er=" +
text + ")
";
}
if (element.is("[title]")) {
return element.attr("title");
}
if (element.is("img")) {
return element.attr("alt");
}
}
});
var tooltips = $("[title]").tooltip();
$("