ปลั๊กอิน - เครื่องมือทางธุรกิจสำหรับ WooCommerce และ WordPress

[ตระหนักถึงความคิดของคุณ - ทำความฝันให้เป็นจริง]

วิธีเชื่อมต่อไซต์กับ iframe ในตัว

บางครั้งนักพัฒนาควรแก้ไขงาน - วิธีเชื่อมต่อไซต์ที่อยู่ในiframe> และไซต์แม่โดยใช้ JavaScript และวิธีการรีเฟรชบางสิ่งบางอย่างทันทีในiframe> เมื่อสิ่งที่ทำในไซต์แม่? นั่นเป็นปัญหาในอดีต แต่ไม่ใช่ตอนนี้เนื่องจากเราสามารถใช้คุณลักษณะ HTML5 ได้ มาดูตัวอย่างถัดไปด้วยul> รายการ!

  1. ดังนั้นในไซต์แม่ที่เรามีul> และสามารถระบุได้ว่าเป็น ".providers_list li'และด้วยตรรกะของอินเทอร์เฟซมีเหตุการณ์ js บางอย่างที่แทรกหรือลบli> จากนั้นul>. และในเว็บไซต์ที่อยู่ในiframe> เราต้องการรับข้อความ ของลิงก์นั้น ซึ่งอยู่ที่นั่น
  2. สร้างไฟล์ js 1 ไฟล์บนไซต์แม่และ 1 ไฟล์ js ในไซต์ซึ่งจะถูกสร้างขึ้นในไซต์แม่โดยiframe id = "mdtf_csp_frame">
  3. แทรกในไฟล์ parent js รหัสถัดไป:
  4. หลังจากโหลดหน้าแล้วเราจะเริ่ม setInterval ซึ่งแต่ละ 2 วินาทีจะตรวจสอบรายชื่อผู้ให้บริการ และรับข้อความจากแต่ละลิงก์นั้น
  5. จากนั้นใช้ฟังก์ชัน HTML5 โพสต์ข้อความ เราจะส่งข้อมูลที่รวบรวมไปยังiframe>
  6. ในไซต์ที่อยู่ในแท็กiframe> เราควรใช้รหัสถัดไป:
  7. wpbdp-14 is พื้นที่ข้อความ ในไซต์ที่อยู่ในแท็กiframe> และเราได้เพิ่มข้อมูลใหม่ทุกๆ 2 วินาทีจากรายการไซต์แม่ '.providers_list li'.

นั้นคือทั้งหมด. หลักการเดียวกับที่คุณสามารถใช้กับกรณีอื่น ...

 

WOOBE - WooCommerce Bulk Editor และ Product Manager Professional