Important alert: (current site time 7/15/2013 12:27:32 PM EDT)
 

VB icon

Ajax-Powered AutoComplete v 1.0.1. (for Prototype.js)

Email
Submitted on: 11/15/2007 2:51:47 PM
By: Antonio Ramirez Cobos [TonyDSpaniard]  
Level: Advanced
User Rating: By 3 Users
Compatibility: JavaScript
Views: 15400
author picture
(About the author)
 
     The AutoComplete class adds a popdown menu of suggested values to a text field. The user can either click directly on a suggestion to enter it into the field, or navigate the list using the TAB key, UP and DOWN arrow keys, selecting a value using the INTRO key. The values for the suggestion list are to provided as JSON or XML format (by a PHP script, or similar). Check how easy is to create one autocomplete textfield on the code example below (test_json is the input file id):

 
Can't Copy and Paste this?
Click here for a copy-and-paste friendly version of this code!
'**************************************
' for :Ajax-Powered AutoComplete v 1.0.1. (for Prototype.js)
'**************************************
You can download the code and view the original article in:
<p>
<A target=_blank HREF="http://webeaters.blogspot.com">http://webeaters.blogspot.com</a>
</p>
code:
Can't Copy and Paste this?
Click here for a copy-and-paste friendly version of this code!
 
Terms of Agreement:   
By using this code, you agree to the following terms...   
  1. You may use this code in your own programs (and may compile it into a program and distribute it in compiled format for languages that allow it) freely and with no charge.
  2. You MAY NOT redistribute this code (for example to a web site) without written permission from the original author. Failure to do so is a violation of copyright laws.   
  3. You may link to this code from another website, but ONLY if it is not wrapped in a frame. 
  4. You will abide by any additional copyright restrictions which the author may have placed in the code or code's description.
				
'**************************************
' Name: Ajax-Powered AutoComplete v 1.0.1. (for Prototype.js)
' Description:The AutoComplete class adds a popdown menu of suggested values to a text field. The user can either click directly on a suggestion to enter it into the field, or navigate the list using the TAB key, UP and DOWN arrow keys, selecting a value using the INTRO key. The values for the suggestion list are to provided as JSON or XML format (by a PHP script, or similar).
Check how easy is to create one autocomplete textfield on the code example below (test_json is the input file id):
' By: Antonio Ramirez Cobos [TonyDSpaniard]
'
'This code is copyrighted and has' limited warranties.Please see http://www.Planet-Source-Code.com/vb/scripts/ShowCode.asp?txtCodeId=5839&lngWId=14'for details.'**************************************

javascript:
var options = {
		script:'test.php?json=true&limit=6&',
		varname:'input',
		json:true,
		shownoresults:true,
		maxresults:16,
		callback: function (obj) { $('json_info').update('you have selected: '+obj.id + ' ' + obj.value + ' (' + obj.info + ')'); }
		};
		var json=new AutoComplete('test_json',options);


Other 1 submission(s) by this author

 


Report Bad Submission
Use this form to tell us if this entry should be deleted (i.e contains no code, is a virus, etc.).
This submission should be removed because:

Your Vote

What do you think of this code (in the Advanced category)?
(The code with your highest vote will win this month's coding contest!)
Excellent  Good  Average  Below Average  Poor (See voting log ...)
 

Other User Comments

11/7/2008 2:37:10 PMJK

Great Code !!!
(If this comment was disrespectful, please report it.)

 
5/30/2010 9:28:15 AMDarshan

pls send me idea or code in c# how to genrate a a exam in online examination project
(If this comment was disrespectful, please report it.)

 

Add Your Feedback
Your feedback will be posted below and an email sent to the author. Please remember that the author was kind enough to share this with you, so any criticisms must be stated politely, or they will be deleted. (For feedback not related to this particular code, please click here instead.)
 

To post feedback, first please login.