2

Tengo un iframe con id="myframe" que tiene de fuente otro archivo del mismo servidor

<iframe id="myframe" src="referencia.php">

</iframe>

En referencia.php tengo un div con id="cuadro" que quiero que cuando se abre directamente el archivo referencia php sea visible, pero que en "myframe" no aparezca. He intentando con jquery lo siguiente pero no me ha funcionado

$('#myframe').$('#cuadro').css({'display':'none'});

o

$('#myframe').contains('#cuadro').css({'display':'none'});
1
  • Luis Carlos ,añadió una respuesta como comentario , solucionó su problema ? o aún persiste.
    – Dev. Joel
    Commented el 12 mar. 2018 a las 0:34

1 respuesta 1

3

Si está dentro del mismo servidor una forma de hacerlo sería añadiendo un tag al body del documento o página que carga en el iframe con las reglas css respectivas que desee para este caso el display: none para el div con id #cuadro . Sí es una página externa no podrá realizarse ya que con esto se protege de los típicos ataques Cross-site scripting (XSS)

Recuerde que debe acceder al contenido con contents , posteriormente buscar (find) el elemento head para ahí añadir el style tag

$('#myframe').contents().find("head")
   .append($("<style type='text/css'>  #cuadro{display:none;}  </style>"));
0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.