WikiFX 검색 플러그인 호출 지침 문서
이 문서는 프로그램 개발자가 자신의 웹 사이트에 브로커 검색 상자를 만든 다음 입력 내용을 기반으로 새 창에서 www.wikifx.com에서 일치하는 브로커 목록을 열도록 안내하는 데 사용됩니다.
첫 번째: 컨테이너 만들기
페이지의 <body></body>에서 적절한 위치에 div를 추가하고 <div id=“div_jiaoyishang”></div>과 같은 고유 ID를 사용자 지정합니다. 이 div는 페이지에서 보이는 검색창의 위치를 최종적으로 표시하기 위해 js 코드에 의해 생성된 html 조각을 결정하는 컨테이너로 사용됩니다.
두 번째: js 코드 호출 [방법 1: 기본 호출, url 매개변수 값을 수정하여 구성 매개변수 구현]
<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>
복사
[방법 2: 자바스크립트 개체 설정, js 개체 속성 값 구성 매개변수 수정]
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>
복사
Parameter Illustration
Parameter Name
파라미터 유형
필수 여부
파라미터(parameter) 설명
id
String
예
Assign the place of search box, i.e. ID of the div created at Step 2
width
String
아니요
검색창 전체 너비, 즉 컨테이너 너비 설정
height
String
아니요
총 높이 설정
buttomwidth
String
아니요
좌측 버튼의 폭은 입력창과 버튼을 조정하는데 사용함
border
String
아니요
Border thickness of the search box which may be configured according to the overall size of the input box
실제 사례
작업 지침: 검색창에 입력 회사 이름 또는 규제 번호에 WikiFX의 검색 결과 페이지를 입력합니다.
실제 사례
작업 지침: 검색창에 입력 회사 이름 또는 규제 번호에 WikiFX의 검색 결과 페이지를 입력합니다.
첫 번째: 컨테이너 만들기
페이지의 <body></body>에서 적절한 위치에 div를 추가하고 <div id=“div_jiaoyishang”></div>과 같은 고유 ID를 사용자 지정합니다. 이 div는 페이지에서 보이는 검색창의 위치를 최종적으로 표시하기 위해 js 코드에 의해 생성된 html 조각을 결정하는 컨테이너로 사용됩니다.
두 번째: js 코드 호출 [방법 1: 기본 호출, url 매개변수 값을 수정하여 구성 매개변수 구현]
<script type==“text/javascript” src=“https://osshead.interface003.com/headfoot/fxeye/Content/js/tradersearch.js?id=div_jiaoyishang&width=350px&height=30px&buttomwidth=50px&border=1px&color=#f4c830&key=5x2102f96wq6&ts=” + Math.random()=Math.random()></script>
복사
[방법 2: 자바스크립트 개체 설정, js 개체 속성 값 구성 매개변수 수정]
01.
02.
03.
04.
05.
06.
07.
08.
09.
10.
11.
12.
13.
14.
15.
16.
<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”;
fx.key=“5x2102f96wq6”;//设置合作码,与客服联系后填写。注:私自修改无效
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>
복사
세 번째: 협력 코드 획득
WikiFX 고객 서비스에 문의하여 위챗을 추가하여 협력 코드를 획득하십시오:FXEYE02、FXEYE07。
Parameter Illustration
Parameter Name
파라미터 유형
필수 여부
파라미터(parameter) 설명
id
String
예
Assign the place of search box, i.e. ID of the div created at Step 2
width
String
아니요
검색창 전체 너비, 즉 컨테이너 너비 설정
height
String
아니요
총 높이 설정
buttomwidth
String
아니요
좌측 버튼의 폭은 입력창과 버튼을 조정하는데 사용함
border
String
아니요
Border thickness of the search box which may be configured according to the overall size of the input box
key
String
아니요
머천트에게 할당된 유일한 ID (전용 로고를 제외하면 오픈 소스 버전은 동일한 기능임)