PluginUs.Net - Strumenti aziendali per WooCommerce e WordPress

[realizza la tua idea - realizza i tuoi sogni]

Come collegare il sito con iframe integrato

A volte gli sviluppatori dovrebbero risolvere il compito: come connettere il sito che si trova iniframe> tag e il sito principale utilizzando JavaScript. E come ad esempio aggiornare qualcosa all'istante iniframe> quando si fa qualcosa nel sito padre? Questo era il problema in passato, ma non ora poiché possiamo utilizzare le funzionalità HTML5. Vediamo il prossimo esempio conul> oggetti!

  1. Quindi sul sito principale abbiamoul> e può identificarlo come ".provinders_list li', e per logica dell'interfaccia ci sono alcuni eventi js che inseriscono o cancellanoli> da quelloul>. E nel sito in cui si trovaiframe> vogliamo ricevere testo di quei collegamenti che ci sono.
  2. Crea 1 file js nel sito padre e 1 file js nel sito che sarà in-buit nel sito padre daiframe id = "mdtf_csp_frame">
  3. Inserisci nel file js dei genitori il codice successivo:
  4. Dopo che la pagina è stata caricata, iniziamo setInterval funzione che ogni 2 secondi controlla l'elenco dei fornitori e ottiene il testo da ciascuno di quel collegamento
  5. Quindi utilizzando la funzione HTML5 postMessaggio invieremo i dati raccolti aiframe>
  6. Nel sito che si trova nel tagiframe> dovremmo usare il codice successivo:
  7. wpbdp-14 is textarea nel sito che è nel tagiframe> e in cui aggiungiamo nuove informazioni ogni 2 secondi dall'elenco dei siti principali '.provinders_list li'.

Questo è tutto. Lo stesso principio che puoi usare per altri casi ...

 

WOOBE - WooCommerce Bulk Editor e Product Manager Professional