Jquery autocomplete wildcard - jquery-ui

I am using the jquery.ui.autocomplete plugin, but I noticed when it searches, it uses a wild-card like this '%value%'.
I am using the auto-complete for zip-codes, and I think it would make more sense of the wild-card worked like this 'value%' so when you start typing it only filters out the items that 'start with' what you already typed.
I can't find any documentation on this though.
Anyone have any experience with this?
Much appreciated.

You can use a function as the source option for the autocomplete plugin which should allow you to get the behaviour you want.
There's a very similar question asked here: jQuery UI Autocomplete widget search configuration which has an excellent answer and working example.

Related

Editor - A Plugin for Datatables

I would like to know if Editor is free. I came across it today and its so easy to edit, add and style datatables. However, I saw that its hosted on CDN and at the same time has a download version. So I would like to know if its free.
Thanks and looking forward to answers.
Datatables Editor is not free. It would be better to use ejbeaty/CellEdit. It's free and you can edit, add and style.
Here's the link: https://github.com/ejbeaty/CellEdit
Try it!

jQuery Spell Checker plugin for TinyMCE in .NET

We have an app written in .NET/MVC (C#) and it uses TinyMCE as the WYSIWYG editor. Works fine except no spell checking natively. The current options are pretty limited (iespell for IE but requires ActiveX, or spellchecker for PHP).
I stumbled on this site and it looked promising until I read the documentation and saw that it also requires PHP on the backend.
So I'm looking for an alternative - jQuery plug-in that will work with a .NET backend or possibly replacing TinyMCE and using CKEditor which supports SCAYT.
Anyone have any idea if there is a good jQuery plugin to use or am I possibly stuck with ripping out TinyMCE and replacing it with CKEditor?
You can use typo.js, you can use to detect if a word is misspelled and also to get a list of suggestions, but you will have to handle the replacement yourself. I am using it with CodeMirror in my asp.net Mvc project
To anyone coming on this post later:
TinyMCE can now use the browser's built in spell checking functionality, just turn on the option as follows:
tinymce.init({
selector: 'textarea', // change this value according to your HTML
browser_spellcheck: true
});
More details in the relevant section of the official documentation.
You should then get the red squigglies in the browser:

jQuery UI dropdown select

I wanna have a dropdown menu like this link: http://datatables.net/release-datatables/examples/basic_init/table_sorting.html
(The one that are right below "Live example" line);
I haven't got many experience of working with jQuery UI, and I guess that result is produced by using it. Could you suggest me a way to create that dropdown.
Thank you.
P/S: that may be ok if it is not using jQuery UI (it's just my guess)
That solution doesn't appear too complex - they've got all the data already, and they're just hiding rows depending on what's selected.
On the other hand, as that's an open source project, you could just download it or use the hosted versions and integrate it on your site, which is probably easier than rolling your own solution.
Ok, got it. This is just default style in Firefox (There's no style applying for it yet). I got this misunderstand due to changing browser.

Rich text editor for rails application

I need to add a rich text editor to my website. This my first time doing this, so which rich text editor do you suggest I use? I need one that is fully functional and easy to integrate with a rails application, also I am using prototype.
Thanks in advance :)
A very promising one is the Aloha Editor
You can add an editor like TinyMCE as the posters above have recommended. However IMHO the HTML generated by these editors tends to get messy. I would suggest you look at something like Redcloth. With a text field. And for added bling you could give a ajaxy preview, just like stackoverflow does!. This would be a much more cleaner solution IMHO.
If you are going to use a WYSIWYG editor, take a look at CKeditor and also the Yahoo YUI2 Rich Text Editor.
As for TinyMCE there is a Rails plugin that would make things easier if you decide to use it.
I would suggest TinyMCE which is really easy to implement. You just add an id for the textarea you want to use and then use that id in the configuration of TinyMCE. You could even configure TinyMCE to put a RTE on ALL textareas.
It's written in javascript so it doesn't matter what backend you use.
http://tinymce.moxiecode.com/
And here's an example with source:
http://tinymce.moxiecode.com/tryit/full.php
Aloha looks nice and has some very nice features, but I've run into some annoying bugs. You may want to take a look at Mercury.

Is there a dojo or a Jquery just for Firefox add on development?

Started working on Firefox add ons, which is done with JavaScript and XUL, and I find myself sorely wanting to use Dojo or someother kind of JavaScript like library, but I can't find one that exists. So I was thinking of starting a library by porting Dojo over to a Firefox add on specific fork. Get rid off the cross browser stuff, use array comprehension and other nice stuff available in Firefox's JavaScript engine. I worry about whether or not there's enough of a userbase who'd take advantage of this, but more than that I guess I'm wondering if there's already something like this? Google finds nothing.
Mozilla Corp developed a JavaScript library for this purpose: FUEL.
it is developed by John Resig the creator of jQuery.
To know how to use jQuery inside FF extension look at this similar question
jQuery, at least, functions perfectly well when embedded in a Firefox addon. I can't quote you names, but I've heard that several popular addons are already using jQuery.
Here's an article discussing using jQuery within XUL and some of the hoops you may need to jump through.
It is fairly common to embed jQuery in firefox extensions.

Resources