digitarald.de - Latest Comments in AutoCompleter

Re: AutoCompleter

ivan — Wed, 29 Jul 2009 11:15:24 -0000

im trying to include flag icons in my autocomplete results
(i translitirate my tokens to latin names to get the images)
The code is bad but ain't work in Google Chrome :( it works in FF and IE at the same time! Please help me! How can i include image elements in the result list?
document.addEvent('domready', function() {

// функция транслитерации

function translit(s)
{
var t="аaбbвvгgдdеeёjoжzhзzиiйjjкkлlмmнnоoпpрrсsтtуuфfхkhцcчchшshщshhъ''ыyь'эehюjuяjaАAБBВVГGДDЕEЁJoЖZhЗZИIЙJjКKЛLМMНNОOПPРRСSТTУUФFХKhЦCЧChШShЩShhЪ''ЫYЬ'ЭEhЮJuЯJa";
t=t.replace(/([а-яёЁ])([a-z']+)/gi,'.replace(/$1/g,"$2")');
return eval("s"+t);
}
var tokens = ['Афганистан', 'Aвстралия', 'Албания', 'Алжир', 'Аргентина', 'Ангола', 'Аргентина', 'Армения', 'Аруба', 'Aзербайджан', 'Aвстрия', 'Багамы', 'Бахрейн', 'Бангладеш', 'Барбадос', 'Беларусь', 'Бельгия', 'Белиз', 'Бенин', 'Бермудские острова', 'Бутан', 'Боливия', 'Босния и Герцеговина', 'Ботсвана', 'Буве, остров', 'Бразилия', 'Бруней Дарассалам', 'Болгария', 'Буркина-Фасо', 'Бурунди', 'Бутан', 'Камерун', 'Канада', 'Каймановы о-ва (Великобритания)', 'Центрально-африканская Республика', 'Чад', 'Чили', 'Китай', 'Остров Рождества', 'Кокосовые (Килинг) острова', 'Колумбия', 'Коморские о-ва', 'Конго', 'Демократическая Республика Конго', 'Острова Кука (Новая Зеландия)', 'Коста-Рика', 'Кот-Дивуар', 'Хорватия', 'Куба', 'Кипр', 'Чехия', 'Дания', 'Джибути', 'Доминиканская республика', 'Эквадор', 'Египет', 'Экваториальная Гвинея', 'Эритрия', 'Эстония', 'Эфиопия', 'Фолклендские (Мальвинские) острова', 'Фарерские острова', 'Фиджи', 'Финляндия', 'Франция', 'Французская Гвиана', 'Французская Полинезия', 'Габон', 'Гамбия', 'Грузия', 'Германия', 'Гана', 'Гибралтар', 'Греция', 'Гренландия', 'Гренада', 'Гваделупа', 'Гуам', 'Гватемала', 'Гвинея', 'Гвинея-Бисау', 'Гайна', 'Гаити', 'Гондурас', 'Гон-Конг', 'Венгрия', 'Исландия', 'Индия', 'Индонезия', 'Иран', 'Ирак', 'Ирландия', 'Израиль', 'Италия', 'Ямайка', 'Япония', 'Иордания', 'Казахстан', 'Кения', 'Корея, Южная', 'Корея, Северная', 'Кувейт', 'Киргизстан', 'Лаос', 'Латвия', 'Лесото', 'Либерия', 'Лихтенштейн', 'Литва', 'Люксембург', 'Макао', 'Македония', 'Мадагаскар', 'Малави', 'Малайзия', 'Мальдивы', 'Мали', 'Мальта', 'Мавритания', 'Мексика', 'Микронезия', 'Молдова', 'Монако', 'Монголия', 'Монтсеррат', 'Марокко', 'Мозамбик', 'Мьянма', 'Намибия', 'Непал', 'Нидерланды', 'Новая Каледония', 'Новая Зеландия', 'Никарагуа', 'Нигер', 'Нигерия', 'Норвегия', 'Оман', 'Пакистан', 'Панама', 'Папуа Новой Гвинеи', 'Парагвай', 'Перу', 'Филлипины', 'Польша', 'Португалия', 'Пуэрто-Рико', 'остров Реюньон (Франция)', 'Румыния', 'Российская Федерация', 'Руанда', 'остров Святой Елены', 'Самоа', 'Сан-Марино', 'Саудовская Аравия', 'Сенегал', 'Сьерра-Леоне', 'Сингапур', 'Словакия', 'Словения', 'Соломоновы острова', 'Сомали', 'Южная Африка', 'Испания', 'Шри Ланка', 'Судан', 'Свазиленд', 'Швеция', 'Швейцария', 'Сирия', 'Тайвань', 'Таджикистан', 'Танзания', 'Таиланд', 'Того', 'Токелау', 'Тонга', 'Тринидад и Тобаго', 'Тунис', 'Турция', 'Туркменистан', 'Тувалу', 'Уганда', 'Украина', 'ОАЭ', 'Англия', 'Великобритания', 'США', 'Соединенные Штаты Америки', 'Уругвай', 'Узбекистан', 'Ванауту', 'Венесуэла', 'Вьетнам', 'Йемен', 'Замбия', 'Зимбабве'];

new Autocompleter.Local('demo-local4', tokens, {
'minLength': 1,
'selectMode': 'pick',
'overflow': true,
'injectChoice': function(token){
var choice = new Element('li');
new Element('img', {
'src': 'images/' + translit(token) + '.gif'
}).inject(choice);
new Element('img', {
'src': 'images/' + 'spacer.png'
}).inject(choice);
new Element('span', {'html': this.markQueryValue(token)}).inject(choice);
choice.inputValue = token;
this.addChoiceEvents(choice).inject(this.choices);
}
});
});

Re: AutoCompleter

Sven — Wed, 29 Jul 2009 10:47:58 -0000

Hi,

have made the same experience today. The example still isn't fixed:-(
Anyway: You've done a great job, thank you!

Re: AutoCompleter

Zoran — Thu, 09 Jul 2009 22:44:43 -0000

Thank you very much for this.... You just made my day.. Was struggling to get it to work, but it looks so nice and cool now... Thank you again :)
Zoran from Macedonia

Re: AutoCompleter

Jakso — Tue, 07 Jul 2009 10:33:40 -0000

Excellent work here!

Wow, I am liking this functionality big time.

Only issue, and others in this thread are requesting this feature, is how to integrate with a select list instead of a text input field?

I'm going to rig my app to populate a select list on user selection of the typed ahead text, but would be much cleaner to have everything happen in one field (and set the select list value to the ID of the found search term and the display as the search term)

Re: AutoCompleter

Plauto Rafael — Thu, 02 Jul 2009 15:30:07 -0000

Hi many thanx for your explanation...and i would like to ask if you could help me with something...How can i use this script for multiple input fields, each one of them will be using different tables of my database, like product name, brand etc...please help me guys...

Re: AutoCompleter

baaalji — Thu, 02 Jul 2009 03:55:01 -0000

super work . thanks for sharing

Re: AutoCompleter

baaalji — Thu, 02 Jul 2009 03:54:14 -0000

super work . thanks for sharing

Re: AutoCompleter

maxbow — Wed, 24 Jun 2009 02:50:08 -0000

Hi,

Very good work, thanks for sharing.

I think your example is not totally correct. The 'url' param is not supposed to be in the options but the second argument of your constructor...

Re: AutoCompleter

dissolute — Tue, 23 Jun 2009 19:53:51 -0000

Ah, Clientcide skip the IE issue by changing the interaction - the choices only blur if you *click* outside them.

Re: AutoCompleter

dissolute — Mon, 22 Jun 2009 02:05:06 -0000

addendum, the Clientcide version definitely fixes the IE Scrollbar issue, but it's not because they use IframeShim for OverlayFix (although it might be...)

Now all I need to do is make Observer skip over list items that I've applied the choiceHead class to and I'm done!

Re: AutoCompleter

dissolute — Wed, 17 Jun 2009 02:21:23 -0000

I'm building an Apple-style interface with this, with Featured results mixed with organic term suggestions. It works a treat except that it miscalculates the height of the block, as the feature results have and extra line of description. I can't work out where to fix it as the height seems to be based on the bottom of the container once built.

My boss just asked me if I could make the "best bets" and "suggestions" sit side by side but when I did it with floated lists and a customChoices, the placement of the dropdown screwed up.

BTW, I too have noticed the IE6/7 problem with the scrollbar (I turned overflow to false to "solve" it), I was considering extending the duration or playing with the Z-index to fix but haven't had much luck yet.

I'll post my code when it's bedded down and working.

Re: AutoCompleter

Szotyi — Tue, 16 Jun 2009 14:31:33 -0000

it took for me 5 hours to figure that out :S
lol = new Autocompleter.Local('category', maincategories, {
'minLength': 0,
'overflow': true,
'filterSubset': true,
'zindex': 50000
});

the important is set minLength to 0!

and your textfield:
<input id="category" name="category" type="text" onfocus="javascript:if(this.value=='') {lol.observer.onFired();}"/>

Re: AutoCompleter

multeek — Sat, 23 May 2009 07:22:59 -0000

How I can display the autocomplete when the user is focused on the input element.
Ex: if user focus the mouse over the input element, i want to display autocomlpte with all options listed. (for local autocomlpete)
Are here any method for this?
Thanks.

Re: AutoCompleter

Alberto V. — Thu, 14 May 2009 10:30:53 -0000

hi,

im having also problems with the encoding using Autocompleter.Request. I've a input text that sends the value for example látex (acute). Then i receive in my java servlet the parameter value l├ít , what its wrong (some king of codec error).

As i read above, with Autocompleter, its seems to reach to the destination request the parameters in UTF-8, but using conversion to ISO-8859-1 ( new String(value.getBytes("ISO-8859-1"), "UTF-8") ) also dosnt work. Can anyone help me with this?

windows xp - firefox 3.0.10 - mootools 1.2.2 - autocompleter 1.1.2

Re: AutoCompleter

Mathias — Wed, 13 May 2009 03:44:08 -0000

What was handy for me was adding a supply function for additional get parameters, so we could make easily make the choices depend on radio buttons etc.

In query function of Autocompleter.Request we changed the end to

var d = new Hash(data);
if (this.options.supplyFunc != null) d.combine(this.options.supplyFunc());
this.request.send({'data': d});

Re: AutoCompleter

digitarald — Mon, 27 Apr 2009 02:43:37 -0000

Thanks for the hint, just fixed it.

Re: AutoCompleter

dude — Sat, 25 Apr 2009 23:31:10 -0000

looks like it's broken, probably your script link to mootools.

Re: AutoCompleter

Dima — Thu, 23 Apr 2009 08:34:48 -0000

I had the problem with russian letters. The page was in windows-1251 encoding. And the script received value in utf-8 encoding. I used this Perl code:

Encode::from_to($value, 'utf-8', 'windows-1251');

And it worked.

Re: AutoCompleter

digitarald — Wed, 22 Apr 2009 14:10:47 -0000

Support and discussions moved to http://digitarald.de/forums/. If you already commented it here, please repost your question or bug report in the forum to get support.

Re: AutoCompleter

Pepe Bondiola — Wed, 22 Apr 2009 11:18:28 -0000

It's awesome, thank you very much for developing the plugin.

Re: AutoCompleter

Ben — Fri, 17 Apr 2009 18:49:32 -0000

Hi Marc,

Enabling the tab key is fairly simple. In the onCommand definition just change:

case 'enter':

case 'enter': case 'tab':

and similarly remove the case 'tab' for the hideChoices() a few lines further down.

Cheers,
Ben

Re: AutoCompleter

Chris — Thu, 16 Apr 2009 14:56:07 -0000

I'm having issues with the horizontal scroll bar in Safari. When the resulting text is longer than the set width, the horizontal scroll bar appears. When using Firefox, I can scroll left/right using the mouse w/o any issues. However, when I use Safari the script doesn't realize that I'm still in the container and my choices are hidden (like I clicked somewhere else on the page) . Any ideas how to fix this so I can use the horizontal scroll bar when viewing results in Safari? I'm using the 1.1.1 version, will upgrading fix this?

Re: AutoCompleter

Habib Asseiss Neto — Tue, 14 Apr 2009 07:29:23 -0000

Yeah. I'd like to know if digitarald got a solution for this, just like he said in his reply for CroNiX. Is it possible that AutoCompleter works with a select instead of an input? It would be awesome. Thanks.

Re: AutoCompleter

elguapo09 — Tue, 14 Apr 2009 07:14:44 -0000

Hmm, this comment was ment for CroNiX...

Re: AutoCompleter

elguapo09 — Tue, 14 Apr 2009 07:12:21 -0000

Could you send it to me too?