elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado:


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Problema al insertar iframes en DIVS
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Problema al insertar iframes en DIVS  (Leído 3,596 veces)
genericobro

Desconectado Desconectado

Mensajes: 8


Ver Perfil
Problema al insertar iframes en DIVS
« en: 6 Marzo 2015, 16:51 pm »

Hola muy buenas a todos. Llevo un par de días trabado en el proyecto que estoy haciendo, he buscado información tanto en español como inglés pero no doy con una posible solución.

Os cuento: Tengo un DIV ('capa') donde voy cambiando el contenido con getElementById('capa').innerHTML. Funciona perfecto, pero cuando el contenido es un iframe, un código embebido o similares (<object> por ejemplo) me cambia el código, me lo reordena. Y necesito que no me lo cambie porque en la aplicación comparo lo que tengo originalmente con lo que hay actualmente en la 'capa'.

Os pongo un ejemplo de lo que hace:
Si tengo esto:
Código
  1. <iframe width="400" height="200" src="https://www.youtube.com/embed/-3bKJZxBrMI" frameborder="0" allowfullscreen></iframe>

Me lo cambia por esto:
Código
  1. <iframe src="https://www.youtube.com/embed/-3bKJZxBrMI" allowfullscreen="" frameborder="0" height="200" width="400"></iframe>

Como podeis ver, el width y el height están cambiados de sitio, así como el allowfullscreen al que se le ha añadido ="".
Quiero que no se cambie, que lo muestre tal cual.

El valor del DIV lo cambio con el siguiente código:
Código
  1. document.getElementById('capa').innerHTML = embed;
donde embed lo extraigo de un archivo XML que tengo de la siguiente forma:
Código
  1. var embed = anotaciones[cent].getElementsByTagName("embed")[0].childNodes[0].nodeValue;

¿Alguien me puede hechar un cable? ¡¡No sé cómo continuar!!!

Mod: Obligatorio el uso (correcto) de las etiquetas GeSHi


« Última modificación: 10 Marzo 2015, 12:29 pm por #!drvy » En línea

MinusFour
Moderador Global
***
Desconectado Desconectado

Mensajes: 5.529


I'm fourth.


Ver Perfil WWW
Re: Problema al insertar iframes en DIVS
« Respuesta #1 en: 6 Marzo 2015, 17:27 pm »

¿Revisaste el source de HTML una vez que haces el cambio? Los navegadores a veces modifican la estructura en memoria pero no el source en si. En tu developer tools probablemente veas el agregado pero si das click derecho sobre la pagina y le das a ver codigo fuente es probable que tu codigo aparezca como tal.


En línea

genericobro

Desconectado Desconectado

Mensajes: 8


Ver Perfil
Re: Problema al insertar iframes en DIVS
« Respuesta #2 en: 6 Marzo 2015, 17:39 pm »

Si si, si inspecciono el código fuente o le doy a revisar con "Inspeccionar elemento", me sale ya el código cambiado. Por eso estoy tan trabajo en este punto.
Creo que se cambia automáticamente al usar innerHTML o algo así. :(
En línea

MinusFour
Moderador Global
***
Desconectado Desconectado

Mensajes: 5.529


I'm fourth.


Ver Perfil WWW
Re: Problema al insertar iframes en DIVS
« Respuesta #3 en: 6 Marzo 2015, 17:45 pm »

Si si, si inspecciono el código fuente o le doy a revisar con "Inspeccionar elemento", me sale ya el código cambiado. Por eso estoy tan trabajo en este punto.
Creo que se cambia automáticamente al usar innerHTML o algo así. :(

Cuando le das Inspeccionar Elemento en Chrome, estas inspecionando el codigo con los Developer Tools. ¿Has hecho click derecho sobre la pagina y darle click a ver codigo fuente?
En línea

genericobro

Desconectado Desconectado

Mensajes: 8


Ver Perfil
Re: Problema al insertar iframes en DIVS
« Respuesta #4 en: 9 Marzo 2015, 13:37 pm »

Si le doy a ver código fuente no puedo ver directamente el código del DIV en cuestión, ya que estoy metiendo el contenido con innerHTML dinámicamente.
Es decir, al ver el código fuente veo lo que hay inicialmente en el DIV, pero no lo que quiero meter (y lo que falla).
Un saludo, voy a hacer más pruebas a ver si encuentro alguna solución, si alguien encuentra algo que me lo diga, ¡se lo agradecería mucho!
En línea

MinusFour
Moderador Global
***
Desconectado Desconectado

Mensajes: 5.529


I'm fourth.


Ver Perfil WWW
Re: Problema al insertar iframes en DIVS
« Respuesta #5 en: 10 Marzo 2015, 02:06 am »

Si le doy a ver código fuente no puedo ver directamente el código del DIV en cuestión, ya que estoy metiendo el contenido con innerHTML dinámicamente.
Es decir, al ver el código fuente veo lo que hay inicialmente en el DIV, pero no lo que quiero meter (y lo que falla).
Un saludo, voy a hacer más pruebas a ver si encuentro alguna solución, si alguien encuentra algo que me lo diga, ¡se lo agradecería mucho!

Se me habia pasado el detalle que lo habias hecho con InnerHTML. ¿Hay alguna razon por la cual no quieras que te haga esos cambios?
En línea

genericobro

Desconectado Desconectado

Mensajes: 8


Ver Perfil
Re: Problema al insertar iframes en DIVS
« Respuesta #6 en: 10 Marzo 2015, 12:28 pm »

Si, no quiero que me haga esos cambios porque tengo un if que compara lo que hay en la capa con lo que tengo en un archivo XML. Al cambiármelo no tiene sentido el if, es decir, siempre se cumple el if...
En línea

MinusFour
Moderador Global
***
Desconectado Desconectado

Mensajes: 5.529


I'm fourth.


Ver Perfil WWW
Re: Problema al insertar iframes en DIVS
« Respuesta #7 en: 10 Marzo 2015, 15:27 pm »

Si, no quiero que me haga esos cambios porque tengo un if que compara lo que hay en la capa con lo que tengo en un archivo XML. Al cambiármelo no tiene sentido el if, es decir, siempre se cumple el if...


Puedes guardar el string en el objeto y luego hacer simplemente la comparacion con el string y no con InnerHMTL:

Código
  1. var capa = document.getElementById('capa');
  2. capa.embed = embed;
  3. capa.innerHTML = embed;
  4.  

Ahora solo haces la comparacion con capa.embed en lugar de innerHTML.
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
problema para insertar subtitulos « 1 2 »
Multimedia
Lemmy 10 4,388 Último mensaje 10 Marzo 2005, 18:08 pm
por arda-lothi
Problema al insertar subtítulos en un AVI
Multimedia
lupin_lupo 8 4,136 Último mensaje 4 Noviembre 2005, 21:22 pm
por Sourraund
Problema al maquetar con 2 Divs
Desarrollo Web
soru13 2 2,085 Último mensaje 23 Febrero 2013, 20:11 pm
por soru13
Problema con muestreo de DIVS con JQuery
Desarrollo Web
zikotik 0 2,013 Último mensaje 30 Noviembre 2016, 15:22 pm
por zikotik
Google ADS | ¿Iframes pagos?
Desarrollo Web
Xyzed 2 2,342 Último mensaje 16 Junio 2021, 22:24 pm
por Xyzed
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines