دليل تكامل مكون WikiFX الإضافي للبحث
يشرح هذا الدليل كيف يمكن للمطورين تضمين مربع بحث عن الوسطاء في مواقعهم. سيؤدي إدخال المستخدم إلى فتح قائمة بالوسطاء المطابقين من www.wikifx.ltd في نافذة جديدة.
الخطوة 1: إنشاء حاوية
أضف div في موضع مناسب في <body></body> من الصفحة ، وخصص معرفًا فريدًا ، مثل <div id=“div_jiaoyishang”></div>. يتم استخدام div كحاوية لتحديد جزء html الذي تم إنشاؤه بواسطة كود js لعرض موقع مربع البحث المرئي في الصفحة أخيرًا.
الخطوة الثانية: استدعاء رمز JS [الطريقة الأولى: الاستدعاء الأساسي، تعديل قيم معلمات 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>
نسخ
[الطريقة الثانية: الإعداد عبر كائن JavaScript، تعديل قيم خصائص الكائن لضبط المعلمات.]
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>
نسخ
مرجع المعلمات
اسم المعلمة
نوع المعلمة
هل هو إلزامي
شرح المعلمات
id
String
نعم
حدد مكان إنشاء مربع الإدخال، أي معرف DIV الذي تم إنشاؤه في الخطوة 2.
width
String
لا
اضبط العرض الإجمالي لمربع البحث، أي عرض الحاوية
height
String
لا
تعيين الارتفاع الإجمالي
buttomwidth
String
لا
عرض الزر الأيسر، لضبط حقل الإدخال والزر
border
String
لا
يمكن ضبط سُمك حدود مربع البحث وفقًا للحجم العام لمربع الإدخال
color
String
لا
لون الخلفية
ملاحظة: ضع كود JavaScript للخطوة الثانية بعد حاوية div، ويُفضل وضعه في أسفل علامة body
حالات فعلية
تعليمات: أدخل اسم الشركة أو الرقم التنظيمي في بحث... للبحث.
