You are here: Foswiki>Extensions/Archived Web>AutoCompletePlugin (12 Dec 2017, GeorgeClark)Edit Attach

This is an discontinued version of AutoCompletePlugin. Extensions in the Extensions/Archived web are obsolete and no longer maintained.

How to configure your Foswiki to install from this repository

In lib/LocalSite.cfg, add this web's URL to {ExtensionsRepositories}:


Foswiki.org=(http://foswiki.org/Extensions/,http://foswiki.org/pub/Extensions/);Local=(http://365847.689093.cn/Extensions/Archived/,http://365847.689093.cn/pub/Extensions/Archived/)

AutoCompletePlugin

This plugin allows you to create an autocomplete input field based on Yahoo's User Interface Library.

This plugin originally implemented Arthur Clemens' Foswiki:Extensions/AutoCompleteAddOn as a extension, which allows users to provide an autocomplete text box using the %AUTOCOMPLETE% syntax, and also in DataForms (shown below), but has since grown in its own right.

Usage
Installation Instructions
Debugging
Plugin Info

Usage

Before you can use this plugin, you need to set up some data for the autocomplete. Examples can be found at AutoCompletePluginTestData.

In Topics and Templates

This plugin expands the %AUTOCOMPLETE{...}% variable, which takes the parameters described in AutoCompletePlugin#Parameters.

In DataForms

To use this plugin in DataForms, create a form template as descibed in DataForms#Defining_a_form. This plugin adds the autocomplete type of field. To pass the parameters required by the plugin, place them in the Values column. An example is shown below:

Name	Type	Size	Values	Tooltip message	Attributes
Username	autocomplete	25em	datatopic="Sandbox.AutoCompletePluginTestData" datasection="usernames" delimchar="," itemformat="item[0] + ' (' + item[1] + ')'"

You can use many of same attributes as you would in topics, except the following:

name
size
value
class
formname

For a working example of this, see AutoCompletePluginFormExample.

Parameters

Parameter	Comment	Default	Example
`name`	A unique name for the textfield	required	`name="users"`
`datatopic`	The topic with data. Should be formatted as comma-separated string, or as an array of arrays (see AutoCompletePluginTestData#usernames for an example). Use with `datasection`.	required	`datatopic="Sandbox.AutoCompletePluginTestData"`
`datasection`	The topic section with data. Use with `datatopic`.	required	`datasection="usernames"`
`size`	The width of the input field in em or px.	`20em`	`size="20em" or size="200px"`
`value`	Default value of the input field	none	`value="AutoCompletePlugin"`
`tabindex`	The tabindex of the textfield	none	`tabindex="2"`
`class`	Name of css class to add to the input field	none	`class="foswikiInputField"`
`formname`	Name of the form which the input field is part of	none	`form="userlist"`
`itemformat`	The format of an item string in the autocomplete list. Use if the autocomplete list should display different names than the input field - for instance with full person names. The javascript input argument is `item`.	`item`	`itemformat="item[0] + ' (' + item[1] + ')'"`
`delimchar`	Used to accept multiple delimeted queries.	none	`delimchar=","`
`onblur`, `onfocus`, `onchange`, `onselect`, `onmouseover`, `onmouseout`	Javascript parameters for the textfield.	none	`onfocus="foswiki.Form.clearBeforeFocusText(this);"`
`itemselecthandler`	Defines a javascript function to be executed when an item is selected. See http://developer.yahoo.com/yui/autocomplete/#customevents.	none	`itemselecthandler="submitJumpForm"`

Example

If installed, the following should create an jump box:

Source:

<script type="text/javascript">
var SubmitJump = function(sType, aArgs) {
    document.myJumpForm.submit();
}
</script>
<form name="myJumpForm" action="%SCRIPTURLPATH{"view"}%/%BASEWEB%/%BASETOPIC%">%AUTOCOMPLETE{name="topic" datatopic="Sandbox.AutoCompletePluginTestData" onfocus="foswiki.Form.clearBeforeFocusText(this);" onblur="foswiki.Form.restoreBeforeFocusText(this);" datasection="topiclist" value="Jump" formname="myJumpForm" class="foswikiInputField foswikiInputFieldBeforeFocus"  itemselecthandler="SubmitJump" size="128px" }%</form>

Rendered:

Installation Instructions

You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server.

Open configure, and open the "Extensions" section. Use "Find More Extensions" to get a list of available extensions. Select "Install".

If you have any problems, or if the extension isn't available in configure, then you can still install manually from the command-line. See http://foswiki.org/Support/ManuallyInstallingExtensions for more help.

Debugging

Debug information will be generated if the following preference is set in Main.SitePreferences:

Set AUTOCOMPLETEPLUGIN_DEBUG = 1

Note: Setting it here will have no effect.

Plugin Info

Plugin Author(s): Foswiki:Main.AndrewJones

License: GPL (Gnu General Public License)

Plugin Release: 1.2.1

Plugin Version: 10530 (2011-01-13)

Change History:

12 Jan 2011 Fixed bug in generated CSS in case the form name was a wiki word.

05 Dec 2010 Add a working example of using the plugin in a form

07 Sept 2009 Foswikitask:Item2009 - Remove debug setting from configure

23 Mar 2009 Foswikitask:Item1249 - Port to Foswiki as 1.0; Use latest YUI (2.7.0)

12 Sept 2008 TWikibug:Item5745 - Updated to use latest YUI (2.5.2); Fixed forms for 4.2; Fixed Jump Form example for 4.2

14585 TWikibug:Item4469 - Removed extra self-closing div-tag tail; Fixed Jump Form example

14413 TWikibug:Item4369 - Allow users to define their own item select handler

14391 TWikibug:Item4356 - Class names not being added

14382 TWikibug:Item4346 - Added Javascript parameters (onblur, onfocus, etc)

14381 TWikibug:Item4345 - Was adding 'null' after input if delimchar not set

14379 TWikibug:Item4342 - Only sets correct size for one texfield in topic

14290 TWikibug:Item4304 - Various bug fixes and enhancements

14277 TWikibug:Item4301 - Initial release

Dependencies:

Name	Version	Description
Foswiki::Contrib::YahooUserInterfaceContrib	>=0	Optional. If not found, will use files served from Yahoo! servers. See http://developer.yahoo.com/yui/articles/hosting/.

Plugin Home: http://foswiki.org/Extensions/AutoCompletePlugin

Support: http://foswiki.org/Support/AutoCompletePlugin

PackageForm edit

ExtensionClassification	Interface and Visualisation
ExtensionType	PluginPackage
Compatibility	Foswiki >= 1.0 Browser needs JavaScript enabled
ImageUrl
DemoUrl	http://
SupportUrl	AutoCompletePlugin
DevelopedInSVN	Yes
ModificationPolicy	PleaseFeelFreeToModify

I	Attachment	Action	Size	Date	Who
md5	AutoCompletePlugin.md5	manage	177 bytes	13 Jan 2011 - 21:09	ArthurClemens
sha1	AutoCompletePlugin.sha1	manage	201 bytes	13 Jan 2011 - 21:09	ArthurClemens
tgz	AutoCompletePlugin.tgz	manage	17 K	13 Jan 2011 - 21:09	ArthurClemens
zip	AutoCompletePlugin.zip	manage	21 K	13 Jan 2011 - 21:08	ArthurClemens
EXT	AutoCompletePlugin_installer	manage	4 K	13 Jan 2011 - 21:09	ArthurClemens

Topic revision: r6 - 12 Dec 2017, GeorgeClark

Extensions/Archived

Extensions Repository
All extensions
Browse by category

The copyright of the content on this website is held by the contributing authors, except where stated elsewhere. See Copyright Statement.

Legal Imprint Privacy Policy