|
Web
News |
CDN Top 100 Solution Providers
More than 20 new solution providers crashed the Top 100 rankings this year. And, some old familiar companies made their way back onto the list. Once again, the Canadian solution providers proved they are a force to be reckoned with in the IT industry.
Web history team seeks to preserve e-history...
It is history created at the click of a mouse and gone in the blink of an eye. That's why Marc Weber's team is running to catch up to as many Internet artifacts and as much information as it can in a field in danger of collapsing inward like a black hole from the...
Cellular giant signs GestureTek
An Ottawa company has signed a deal with one of the world's largest cellphone service providers to bring a new breed of video game to millions of people all over Japan. GestureTek Inc. said yesterday it has licensed its motion sensing technology to NTT DoCoMo...
CBS, Viacom invest in Joost
Joost, an Internet-based TV service being launched by the creators of Skype and Kazaa, said Thursday it has raised $45 million from five investors including CBS Corp. and Viacom Inc. and an influential Hong Kong telecommunications executive. Index Ventures...
Canadian firm takes over Tanzanian telecom...
Canada's Sasktel International has won a three-year contract from the government of Tanzania to manage the Tanzania Telecommunications Company Limited (TTCL). The management take-over will be effective on July 1 this year, according to a press statement...
Converged IP may guard data: Survey
A recent survey commissioned by AT&T and conducted by the Economist Intelligence Unit polled close to 400 people from Canada and around the world about their network security concerns. According to the research, 60 per cent of Canadian executives and 52 percent...
|
|
 |
The
Premier Event for Search Engine
Marketing & Optimization - Register
Now |
|
05.21.07
Autosuggest In Spry
 By Raymond Camden
Autosuggest isn't new to Spry 1.5, but I never had a chance to take a look at it till this morning.
Surprisingly it wasn't too difficult. Tonight's example will be rather simple, but I'll follow it up with a ColdFusion-based one tomorrow.
At the simplest level, to enable autosuggest you create a simple text field. This is obviously the field that will have the autosuggest tied to it. So I'll start off with that:
This is simply going to wrap our autosuggest area. So next lets talk data. Where will the autosuggest information come from? Luckily it comes from the datasets we know and love in Spry. So for this demo I'll use the following:
The
Premier Event for Search Engine
Marketing & Optimization - Register
Now |
|
This shouldn't look different from previous Spry examples. In this case the repeating of the dataset is used for the autosuggest. I can put whatever HTML I want in there. The value that will be used comes from the spry:suggest.
Basically - thats it! We do need some libraries and a bit of JavaScript. Currently three JavaScript libraries and one CSS file is required:
The first argument points to the great div that wraps the entire autosuggest area. The second argument points to the div that will draw out the suggestions. The third argument is the dataset. Next we tell Spry what field to search. After that we can pass a set of arguments. One of the most important ones is the hoverSuggestClass. Without it the autosuggest is a bit hard to read.
You can see a demo here: http://ray.camdenfamily.com/sprysuggest/. To see the autosuggest in action, try a few Star Wars names.
Comments
About the Author:
Raymond Camden, ray@camdenfamily.com
http://ray.camdenfamily.com
Raymond Camden is Vice President of Technology for roundpeg, Inc. A long
time ColdFusion user, Raymond has worked on numerous ColdFusion books
and is the creator of many of the most popular ColdFusion community web
sites. He is an Adobe Community Expert, user group manager, and the
proud father of three little bundles of joy.
|
|
