Autosuggest Textbox by Nicholas Zakas

smay · June 16th, 2005, 10:14 AM

I'm trying to run the autosuggest textbox example (http://www.webreference.com/programm.../example2.html) in IE6 SP1 but getting "Object doesn't support this property or method" on line 7 of the following function ("aSuggestions.push(this.states[i]);"). Can anyone give a suggestion?

StateSuggestions.prototype.requestSuggestions = function (oAutoSuggestControl) {
var aSuggestions = [];
var sTextboxValue = oAutoSuggestControl.textbox.value;
if (sTextboxValue.length > 0){
  for (var i=0; i < this.states.length; i++) {
   if (this.states[i].indexOf(sTextboxValue) == 0) {
    aSuggestions.push(this.states[i]);
   }
  }
  oAutoSuggestControl.autosuggest(aSuggestions);
}
}

nzakas · June 16th, 2005, 10:25 AM

That's very odd. I'm also using IE6 SP1 and it seems to be working fine. If it's failing on the push() method for some reason, you can try changing that line to:

Code:

aSuggestions[aSuggestions.length] = this.states[i]

You can also test for the existence of the push() method by doing this:

Code:

alert(aSuggestions.push)

If that returns undefined, then for some reason your IE's JavaScript engine is corrupted (it's rare, but I've seen it happen). You may want to try installing all of the available IE updates to see if that fixes the problem.

Nicholas C. Zakas
Author, Professional JavaScript for Web Developers (ISBN 0764579088)
http://www.nczonline.net/

smay · June 16th, 2005, 10:28 AM

"alert(aSuggestions.push)" did return undefined, so I will check for updates. And "aSuggestions[aSuggestions.length] = this.states[i]" did fix it. Thanks.

joefawcett · June 18th, 2005, 05:48 AM

If push is not working then you have two choices, for your own machine you have a fairly old version of JScript installed. Try downloading the latest version of JScript/Windows Script Host from msdn.com/scripting.

To allow for other people in the same situation you can have this code towards the start of your script block:

Code:

if (!Array.prototype.push)
  {
    Array.prototype.push = function(value){this[this.length] = value; return this.length};
  }

If you feel so inclined you can implement the pop method as well...

--

Joe (Microsoft MVP - XML)

florianb · July 14th, 2005, 07:58 AM

hi there,

i tried to modify the textbox to be able to enter more than only one word but i failed until now. does anybody have an idea how to be able to manage that?

thanks

florianb

xfan · January 13th, 2006, 07:45 AM

hi guys,

is there a way to add two of these boxes on one page. i assume the first box's ID is txt1, if i make the second one txt2, how would i modify to the java code to work properly.

Thanks guys