16mag/0910
jQuery Hintbox 1.2 released
News
- Match hint option added. This option allows to filter resulting list showing only entries matching with input text. Default value is -> matchHint : false
- Disabled automatic browser autocomplete function. Thanks Eric ![]()
- Fix css bug when resulting list was empty
DOWNLOAD HERE : jquery hintbox 1.2
Working demo: HERE
suggestions and comments are welcome
![[Ask]](http://www.wiipass.com/wp-content/plugins/bookmarkify/ask.png)
![[del.icio.us]](http://www.wiipass.com/wp-content/plugins/bookmarkify/delicious.png)
![[Digg]](http://www.wiipass.com/wp-content/plugins/bookmarkify/digg.png)
![[Facebook]](http://www.wiipass.com/wp-content/plugins/bookmarkify/facebook.png)
![[Faves]](http://www.wiipass.com/wp-content/plugins/bookmarkify/faves.png)
![[Google]](http://www.wiipass.com/wp-content/plugins/bookmarkify/google.png)
![[LinkedIn]](http://www.wiipass.com/wp-content/plugins/bookmarkify/linkedin.png)
![[Mister Wong]](http://www.wiipass.com/wp-content/plugins/bookmarkify/misterwong.png)
![[MySpace]](http://www.wiipass.com/wp-content/plugins/bookmarkify/myspace.png)
![[Technorati]](http://www.wiipass.com/wp-content/plugins/bookmarkify/technorati.png)
![[Twitter]](http://www.wiipass.com/wp-content/plugins/bookmarkify/twitter.png)
![[Windows Live]](http://www.wiipass.com/wp-content/plugins/bookmarkify/windowslive.png)
![[Email]](http://www.wiipass.com/wp-content/plugins/bookmarkify/email.png)
giugno 25th, 2009 - 11:08
Hi there, i have big troubles prosition the hintbox itself, your demo does work with a no padding and no layout, but if you have a layout in columns and padding and all, the top and left of the hintbox doesnt connect to the input type itself.
luglio 6th, 2009 - 22:48
Hi there… really good code. Congrats and thank you for sharing it.
I have a question, I downloaded the code and changed the value of the cities.txt file. Some new cities I added are long and they wrap around the search results area. Is there a way to expand the size of the results area so the name of the city doesn’t wrap around?
Thanks in advance
luglio 7th, 2009 - 00:45
Hi everyone…. I think I got the answer to my own question. First I needed to increase the size of the input field on the css file. Second, I added the autoDimentions arg set to true on the jQuery code.
jQuery(document).ready(function(){
jQuery(‘#input_1′).hintbox({
url: ‘cities.txt’,
matchHint: true,
autoDimentions: true
});
luglio 7th, 2009 - 01:47
Thanks Tulio.
You found the right way to customize my plugin width. In effect, you can customize every style property through the css file
I’m sorry for my pour documentation, but I don’t have enough time to write a better one.
Just an info (if you don’t know it yet): everything you write into the hintbox is passed as param to the calling URL. For example, if you search for “Rome” and you are calling an URL like http://www.example.com, the resulting GET call is: http://www.example.com?q=Rome.
This is useful for server-side elaborations whitch sould be, for example, a dynamic search into a database.
Regards,
Tiziano
luglio 7th, 2009 - 20:16
Great. Thanks Tiziano. Awesome code.
luglio 12th, 2009 - 00:33
Any plans on expanding the code to allow for JSON to be returned rather than just plain text with newlines? This would help greatly without complicating this nice implementation too much.
Thanks!
agosto 11th, 2009 - 07:51
I have problems with the sort-parameter. It does not seem to work
I use
jQuery(\’#venuestrasse\’).hintbox({
url: ‘abcd,txt’,
useCache: false,
sort:true,
matchHint: true,
});
but as you can see at http://www.jazzbuero-hamburg.de/versionneu/konzerte/ein-testformular-mit-veranstalter-auswahl.html when entering a B, all entries with “B” will be shown, let them be the first letter or inside the word
what is wrong? This is not very helpful for the users…
agosto 11th, 2009 - 07:56
@Paul,
I had the same problem and I found a solution which is not really useful but which works:
in the uncompressed file jquery.hintbox-1.2.js I uncommented line 376 to 380 because there the position is (mis-)calculated and I use that file instead of the compressed one.
That is a fast fix, but not a solution unfortunately
container.css({
// ‘top’: offset.top + input.outerHeight() – parseInt(input.css(‘border-bottom-width’)),
// ‘left’: offset.left – parseInt(unsortedList.css(‘border-left-width’)),
// ‘position’: ‘absolute’
});
agosto 11th, 2009 - 09:25
Hi all,
thanks for your feedbacks. I suppose I’ll have to release a new version in order to fix these bugs. I think I’m going to implement also the JSON support. Have you got other request / ideas / bugs to point out?
agosto 18th, 2009 - 20:48
Hintbox 1.3 has just been released. Have fun!