Personalizarea externe embed widget

Question 1

Am fost încercarea de a personaliza un widget încorporat la Zendesk pe site-ul meu. Deoarece ei nu dau nici o opțiune pentru a personaliza aspectul de forma sa, aș dori să-mi impune reguli css.

Am adăugat această bucată de cod de la Zendesk pentru a avea forma lor pe pagina mea.

<script type="text/javascript" src="https://leads-capturer.futuresimple.com/embed.js?token=ca98908sdgfgds9834234jlkjsdb">

Acest script locuri o formă într-o <iframe> și toate nodurile din acest <iframe> nu pot fi personalizate/schimbat.

Am încercat JS pentru a seta un stil inline, pentru a forma elemente în interiorul <iframe>. A încercat de a crea un nou stil pentru a suprascrie lor original de stil, dar nimic nu pare să funcționeze.

Chiar ceva la fel de simplu ca acest cod de mai jos, nu (#iframe-main-container este un copil de <iframe>):

<script>
    let p = document.querySelector('#iframe-main-container');
    p.style.background = 'red';
</script>

Dacă am schimba codul de mai sus și țintă <iframe>, funcționează.

Prima mea întrebare ar fi, este posibil de a trece peste existente regulă CSS la un widget încorporat?

Dacă acest lucru este posibil, gresesc eu cu ceva pentru a schimba aspectul său?

Question 2

Da acest un try.

  <script>
    let iframe = document.getElementsByTagName("iframe");
    let p = iframe[0].contentWindow.document.getElementById('#iframe-main-container');
    p.style.background = 'red';
  </script>

Rob Moll · Answer 1 · 2021-11-18T16:53:30

0

Da acest un try.

  <script>
    let iframe = document.getElementsByTagName("iframe");
    let p = iframe[0].contentWindow.document.getElementById('#iframe-main-container');
    p.style.background = 'red';
  </script>

Rob Moll

2021-11-18 16:53:30

Multumesc pentru ajutor @Rob Moll propuse cod se întoarce "nedefinit" pentru că selectorului. Cred că acest script este executat înainte de DOM este gata. Am încercat câteva trucuri, cum ar fi: '$(document).ready(function() { console.log($('#iframe-main-container').css('padding-bottom')); });' un alt încerca executa un setTimeout funcție după 5 secunde pentru a citi un css valoare de #iframe-main-container dar eu sunt mereu "nedefinit" ca valoare. Orice gânduri?

Maluco

Personalizarea externe embed widget

Problema

Cel mai bun răspuns

În alte limbi

Această pagină este în alte limbi

Popular în această categorie

Întrebări frecvente în această categorie