javascript - getcontrol - ocultar campos processmaker

Error de selector de fecha de Javascript en iframe

Question

Tengo una página https://dev.leadformly.com/datepicker con un iframe En ese particular '''', estoy escribiendo el código HTML dinámicamente mediante una llamada ajax con el siguiente código.

<script>
  $(document).ready(function(){
    $.post(URL,
        function (data) { //here it retruns the HTML code
          $("body").html(''<iframe style="width:100%;height:384px;"></iframe>'');
          $("body iframe")[0].contentDocument.write(data.democode);
        },
        ''json''
      );
    });
</script>

Ahora, cuando hago clic en el selector de fecha, arrojaré un error en la consola como:

Uncaught TypeError: Cannot read property ''top'' of undefined

¿Me pueden ayudar a resolver este problema? O simplemente explica la causa para que me ayude a resolverlo

Answer 1

La última opción que tienes es intentar usar la propiedad de la caja de arena.

allow-scripts: Allows the embedded browsing context to run scripts (but not create pop-up windows). If this keyword is not used, this operation is not allowed.

https://developer.mozilla.org/en/docs/Web/HTML/Element/iframe

Si esto no funciona, aléjese del iframe. El elemento iframe se crea para ser un entorno de espacio aislado y es propenso a riesgos de seguridad muy altos cuando se abren los permisos. La página web resultante / sitio externo puesto en iframe puede hacer cualquier cosa ... literalmente cualquier cosa, desde obtener acceso a credenciales, cookies, acceso, etc., si elimina el sandboxing.

Iframe no es recomendable si desea acceder a DOM en su contenido. Si su único problema es el aislamiento total o parcial, intente utilizar el método de aislamiento del componente web para:

https://developer.mozilla.org/en-US/docs/Web/Web_Components

Answer 2

Creo que jQuery no puede leer el elemento iframe, por eso muestra No se puede leer la propiedad que encabeza el error indefinido .

Use id="ifreame" en el elemento iframe, entonces debería funcionar.

<iframe id="ifreame" style="width:100%;height:384px;"></iframe>

jQuery

$("body #iframe")[0].contentDocument.write(data.democode);

Answer 3

Obtiene este error porque está intentando acceder al DOM interno de un iFrame del DOM principal que lo contiene. El evento de "clic" del DOM principal no puede hacer llamadas a los elementos dentro de un iFrame hijo.

¿Puedo preguntar por qué estás tratando de usar un iFrame en esta situación? Casi puedo asegurarle que es mejor que no lo use.