Calculators/Form calculators

*For example usage of this script, see /Examples. For tests, see /Tests.*
**Form calculators** use a script that enables dynamic loading of templates into parts of a page. A configurable form is used to input parameters into the template.

## Configuration

The JS calculator's configuration section uses `name = value` pairs, each separated by a newline. The possible names are:

* `template` - The name of the template to use on form submittal. If no namespace is provided, then the template namespace will be searched by default. If the template is in the main namespace, you must prepend a colon to the article name. This follows the same convention that's used when transcluding templates into a page.
* `form` - The unique HTML ID of the element that will contain the form. Each configuration block should specify a different form ID.
* `result` - The unique HTML ID of the element that will contain the parsed template.
* `suggestns` - A comma-separated list of namespace IDs to use for autocomplete. This field applies for all *article* parameter types used in the form. By default, namespace 0 (main) is searched. See the table to the bottom for the valid namespace IDs.
* `param` - Defines a parameter to be sent to the template, in the format shown in the next section.

### Parameter format

A `param` line should be in the following format:

* `Param name` - The name of the parameter as used by the template. Parameter names are case sensitive, and there can be no spaces.
* `Label name` - The label used for the parameter in the form. If blank, `Param name` is used. `Label name` supports using HTML to format the labels - including simple formats like `<em>`, `<span>` and even `<img />`.
	+ However, **normal wikiscript can only be used if the config is contained within a div tag instead of a pre tag**
* `Default value` - The default value used to prefill the form initially.
* `Param type` - The type of the parameter, used for form validation and to control the appearance of the form field. Valid values for `Param type` are:
	+ `string` *(default)* - The input box can contain any value.
	+ `article` - The input box should contain an article name. Currently, this means that autocomplete will be enabled for the text box. To set the namespaces searched by autocomplete, use the `suggestns` field (see above).
	+ `number` - The input box must contain a number. A valid range can be specified in `Param range` in the format *min-max*. If either *min* or *max* is omitted or a range is not given, then infinity is assumed.
	+ `int` - The input box must contain an integer. A valid range can be specified (see above).
	+ `select` - The input is selected from a comma-separated list of values given in `Param range`.
	+ `check` - A checkbox, with values sent to the template defined by the `Param range`.
		- The `Param range` has format `value if true,value if false`, which defines what the form will pass to the template when ticked or not ticked. The default for this is `true,false`.
		- The checkbox will be checked by default if the `Default value` is set to `true` or the same as the `value if true` given in the `Param range`.
	+ `hs` - A special field which attempts to lookup a player's hiscores for values to be passed into other parameters.
		- Currently, `Default value` is ignored. The form will automatically try to prefill the form with the last name entered in a `hs<` type box.
		- `Param range` has a format of `otherparam,skill,value` where `otherparam` is the `Param name` of any other parameter in the form, `skill` is the integer of the skill to lookup (as defined by the table to the bottom), and `value` is 0 for rank, 1 for level and 2 for experience (0 for rank and 1 for score in minigames). Multiple parameters can be changed by using `;` - i.e. `otherparam,skill,value;thirdparam,skill2,value2`.
	+ `fixed` - The value specified by `Default value` will be shown but cannot be changed in the form.
	+ `hidden` - The value specified by `Default value` will be hidden in the form and cannot be changed. No row is generated for the form at all.
	+ `semihidden` - A combination of fixed and hidden: The value specified by `Default value` will be hidden in the form and cannot be changed, but unlike `hidden`, a row is added to the form, which is hidden with CSS. This is primarily for inter-script usage (i.e. some other script sets the semihidden value to something so that it is passed to the template when submitted).
* `Param range` - The allowed range of the parameter. The format of this field depends on the `Param type` chosen.

The configuration section should be contained within a <div> or <pre> tag with the class `jcConfig`, e.g.:

```
<pre class="jcConfig">
  ... configuration ...
</pre>

```

For example configurations, see /Examples.

## License

This script is released under the GNU General Public License. The source code is available at MediaWiki:Common.js/calc.js.