WikiFX Search Plugin Integration Guide
This guide explains how developers can embed a broker search box on their site. User input will open a list of matching brokers from www.wikifx.club in a new window.
Step 1: Create a Container
Add a div at a proper position in <body></body> of the page, and customize a unique id, such as <div id=“div_jiaoyishang”></div>. This div is used as a container to determine the html fragment generated by the js code to finally display the location of visible search box on the page.
Step 2: Invoke the JS Code [Method 1: Basic] Configure the plugin by modifying the parameters in the script URL.
01.
02.
03.
<script type=“text/javascript” src=“//osshead.interface003.com/headfoot/fxeye/Content/js/tradersearch.js?id=div_jiaoyishang&width=350px&height=30px&buttomwidth=50px&border=1px&color=#f4c830&ts=” + Math.random()></script>
Copy
[Method 2: JavaScript Object Configuration]
01.
02.
03.
04.
05.
06.
07.
08.
09.
10.
11.
12.
13.
14.
15.
<script type=“text/javascript”>
var fx = new Object();
fx.id=“div_jiaoyishang”;
fx.width=“350px”;
fx.height=“30px”;
fx.buttomwidth=“50px”;
fx.border=“1px”;
fx.color=“#f4c830”;
var script=document.createElement(“script”);
script.type=“text/javascript”;
script.src=“//osshead.interface003.com/headfoot/fxeye/Content/js/tradersearch.js?id=”+ fx.id
+“&border=“+fx.border+”&color=“+fx.color+”&ts=” + Math.random();
document.getElementsByTagName(‘body’)[0].appendChild(script);
</ script>
Copy
Parameter Reference
Parameter
Type
Required
Description
id
String
Yes
Specifies the container DIV's ID for the input box.
width
String
No
Sets the total width of the search box (i.e., the container).
height
String
No
Sets the total height.
buttomwidth
String
No
Sets the width of the search button.
border
String
No
Sets the border thickness of the search box.
color
String
No
Background Color
Note: Place the Step 2 JavaScript code after the container <div>. For best performance, we recommend placing it just before the closing </body> tag.
Live Demo
Usage: Enter a company name or regulatory number to search on WikiFX.
