Autocomplete Function with Databse, without JQuery Ui and JQuery Plugins - javascript

I am trying to find a way to program a simple autocomplete function with DB access, using JS, HTML5, CSS, Servlets and JQuery.
However, I can not use JQuery Ui (which is really bad since I do like the autocomplete function because of it's simplicity) or JQuery Plugins.
Datalist did not seem to do the job quite right on chrome (I had to select the element of the list and then click on it again after it has been selected, also it is not supported on Safari and iOS Safari).
Is there a simple way to build something like the JQuery Ui autocomplete function using only JQuery Ui and the rest of my tools? Thank you for your time and advice :)

You can use twitters typeahead plugin for simple autocompletion.

Related

Google app script UiApp DatePicker styling

Is it possible to style DatePicker object in Google script UiApp? I have tried setStyleAttribute function but it didn't work as intended.
You can't. Consider switching to htmlService that will allow using JQuery UI library were you can do almost anything you want...,
A quick search on this forum or on google will bring you to the JQuery datepicker related docs, you'll see it is very attractive :-)

Multiple page Phonegap App without JQuery Mobile

I have created a few mobile app using phonegap and i have used jquery mobile, purely because the controls are nice looking, but mainly because it has the nice changePage function. I like to have multiple html documents to break up the code, and with over 10 separate screens i think it keeps the code tidier.
Can anyone tell me, how to normally changePage with a nice "slide" animation without using JQuery mobile, using multiple html pages. Is this possible?
I will still be using JQuery, but i would like to use something like chocolateUI or twitter bootstrap for the design of the controls.
Any examples would be much appreicated, i have tried googling this but all the results say "how to change page with JQuery Mobile" and i do not want this.
Thanks in advance
Maybe you could start working with Ionic Framework:
http://ionicframework.com/
It's works with AngularJS, and has the functionality you are looking for. It also works great with jQuery.
I've build a couple of apps with it myself and I'm still really fond of it!
There are other frameworks like:
OnsenUI (http://onsenui.io/)
Kendo UI (http://www.telerik.com/kendo-ui)
Sencha (http://www.sencha.com/products/touch/)
Monaca(http://monaca.mobi/en/)
ReactJS (http://facebook.github.io/react/)
Hope it helps!

Autocomplete for mobile web apps

Is there a library (like Wink Toolkit, Sencha Touch or jQuery Mobile) that offers autocomplete solutions for web apps out of the box?
I need to apologize because I forgot to add its all about a mobile web app.
The question is excellent. I'm just currently dealing with the very same design problem. Current auto-complete solutions work very poorly on mobile devices (if at all).
Luckily there is jQuery Mobile for which you can get jQM Autocomplete as a plugin. See also accompanying design notes.
jQuery UI has autocomplete.
there are in fact several.
jQuery UI has auto complete.
http://jqueryui.com/demos/autocomplete/
Ajax ControlToolkit has autocomplete control (for c#)
http://www.asp.net/AJAX/AjaxControlToolkit/Samples/AutoComplete/AutoComplete.aspx
Mootools auto complete
http://jsfiddle.net/fabiomcosta/eZpuL/3/
Hope it helps.
Haven't used any autocomplete function for Sencha Touch myself but I know that there is a feature called "combobox" which has that functionality and Sencha Touch developers could use.
Implementing autocomplete on mobile makes you have into account that user is more prone to typing errors, and also has a changing connection.
I made an autocomplete with jQuery UI autocomplete but it performed poorly on mobile. Maybe you could have a different experience with it.
See https://stackoverflow.com/a/6545344/1197775
YUI3 AutoComplete helps me, this works good on my iphone
demo (( YUI2 )) :: http://developer.yahoo.com/yui/examples/autocomplete/ac_basic_xhr.html
tutorial (( YUI3 )) :: http://yuilibrary.com/yui/docs/autocomplete/
hope this helps n__n
jQuery UI library has a autocomplete widget. Check it here

Good jQuery Autocomplete that is not part of jQuery UI?

Is there a good alternative to jQuery UI autocomplete?
I couldn't find one on the internet. jQuery UI is far too big for just using the autocomplete, and I don't want to roll yet another autocomplete on my own.
Answer: jQuery UI custom build for just autocomplete is 23,052 bytes. SO uses the original Zaefferer version that was adapted into jQuery UI autocomplete. I guess if it's good enough for SO, it's good enough for me, forked it from agarzola on GitHub.
A Google search for 'jquery autocomplete' produced this DevBridge one (and all the others):
http://www.devbridge.com/projects/autocomplete/jquery/
This is also the most highly upvoted non-accepted answer in the possible duplicate of this question.
You can download a customized version of jQuery UI with just the components you need from http://jqueryui.com/download. Click Deselect all components then click the checkbox next to Autocomplete. The resulting minified js file is 20 KB uncompressed.
The jQuery official plugin :
http://docs.jquery.com/Plugins/autocomplete
Select2 jQuery plugin that turn select into autocomplete input+list :
http://ivaynberg.github.io/select2/
Chosen jQuery plugin, same thing but from a different author :
http://harvesthq.github.io/chosen/
Jörn Zaefferer jQuery plugin :
http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
Yahoo YUI :
http://developer.yahoo.com/yui/autocomplete/
Selectize.js (jQuery-based) :
https://selectize.github.io/selectize.js/
Twitter Typeahead :
https://twitter.github.io/typeahead.js/
See https://github.com/agarzola/jQueryAutocompletePlugin/blob/master/jquery.autocomplete.js
You can download a custom version of jQuery UI that only includes the autocomplete module:
http://jqueryui.com/download
3 year old question this but since it comes 2nd on Google results for "best jquery-ui autocomplete alternative" I believe it's worth placing a link here for twitter's Typeahead implementation: http://twitter.github.io/typeahead.js/
Slightly annoying that you might need the Hogan templating engine to make it work (adding a few more kb's to the load), but if you invest the time to read the docs it will be worth it.
I replaced my "location lookup" jquery UI implementation after 30 mins of perusing the docs with the (simplified) code structure below:
$('.location_text_field').typeahead({
name : 'locations',
remote : {
url : "/get_locations.php",
filter : function (response) {
return response.locations;
}
},
template : '<p>{{{label}}}</p>',
engine : Hogan
}).on({
// When the user selects a location do something clever
'typeahead:selected' : function (e, datum) {
// Doing something clever here....
},
// Reset the cleverness above if the user changed
// the text of the field manually on his own
'keyup' : function () {
// Reset cleverness
}
});
... and it works like a charm.
I was just looking for an alternative myself and found this
https://github.com/onigoetz/jquery.autocomplete
It uses jQuery, but not jQuery UI. It is size conscious, and it compatible with jQuery UI. Its "forked from agarzola/jQueryAutocompletePlugin" on github.
It may not have the backing of the well known jQuery UI implementation, but I tested it, and right now it seems to be everything advertised.

How to use jquery and jqueryui for Internet Explorer add-on creation?

As a hobby thing, I am trying to create Internet Explorer Add-on using this article Creating Add-ons for Internet Explorer: Customizing Menus.
The above links describes two approaches:
Using javascript
Using DLL
I am trying to use Javascript for my project. Specifically, jqueryui for all the ui rendering. The problem I am facing is that I don't know how to include/use jqueryui in my add-on.
ADD
With jqueryui i am mostly interested in the dialog boxes and modal forms, activated from the context menu. Is it possible to do this?
Any direction, suggestion or code snippet is welcomed.
Thanks.
I don't think you can do any graphical stuff with the menus unless you go the DLL route - in which case you won't be using JavaScript. It looks like all you can do from JS is add menu items (as plain text).

Categories

Resources