Loading...
 
Skip to main content

History: PluginJS

Source of version: 20 (current)

Copy to clipboard
             # PluginJS

Use the JS ((wiki plugin)), introduced in ((Tiki3)), to include JavaScript files or JavaScript code in a wiki page.

Alternatives: ((PluginHTML)) or ((PluginJQ))

## Parameters

{pluginmanager plugin="js"}

## Examples

### Basic syntax

{CODE(colors="tiki")}
Insert a javascript file or/and some javascript code.
{JS(file='file.js')}javascript code{JS}
{CODE} 
The file.js file is in this case in the Tikiroot.

This will produce the following code for your Tiki site: 
`<script type="text/javascript" src="file.js"></script>`

Note that it has to be surrounded by quotes.

{CODE(colors="tiki")}
{JS(file="http://example.org/tiki.js")}{JS}
{CODE} 
{REMARKSBOX(title="Tip" type="tip")}Literal strings will have `<` , `>` , and `&amp;` converted into HTML entities (and possibly other characters as well), so if your javascript is dealing with HTML (e.g. via `document.write()` ), you probably need to convert them back.

### Example 1

To include JavaScript code, use: 
{CODE(colors="tiki")}
{JS()}
 var....
 function ...
 ...
{JS}
{CODE}

This will produce the following code for your Tiki: 
`&lt;script type="text/javascript">` 
` var.... ` 
` function ...` 
` ...` 
`&lt;/script>`

{REMARKSBOX(title="Tip" type="tip")}The file is inserted before the param, if you need the reverse order use 2 calls to the JS plugin.{REMARKSBOX}

### Example 2

*This code:*
{CODE(colors="tiki")}
{JS()}alert('coucou'){JS}
{CODE}

Would produce a pop up window that the user would have to click on "Accept" button ("D'accord" in this localized example) to make it disappear: 
{BOX()}
{DIV(style='text-align: center')}{img src="img/wiki_up/mod_js_cocou.png" }{DIV}
{BOX}

## Aliases

- (alias(Mod js))