Reconocer contenido de un iframe

[salbatore]

Hola foreros!...

Tengo un iframe en mi web, deseo que al cambiar su contenido se ejecutase una funcion, pero no lo consigo. La funcion hace que el contenido se incruste en el value del input, pero no consigo que se ejecute al cambier el contenido del iframe.

Código HTML:

<iframe    id="super_iframe" width="100%" height="150px" >
</iframe>
<input id="super_input" name="super" value="">

<script language="JavaScript" type="text/javascript">
function cambio_iframe() 
{
alert('se ha cambiado el contenido del iframe');
document.getElementById('super_input').value = document.getElementById('super_iframe').contentWindow.document.body.innerHTML;
}
</script> 

¿Como podria hacer algo parecido a onChange pero con el iframe?

[zerokilled]

supongo que cuando dices cambiar su contenido te refieres a cuando se carga un nuevo documento en el iframe. lo mas cercano al onchange seria onbeforeunload. si bien recuerdo no todos los navegadores reaccionan de la misma forma ante ese evento. por otro lado, no creo que puedas ser capaz de retener la fuente en un INPUT debido a que no admite multiples lineas, tendrias que utilizar un TEXTAREA. y por ultimo, si el documento cargado en el iframe reside en un dominio diferente al del codigo javascript, no hay nada que puedas hacer. es parte de la póliza del mismo origen.

[salbatore]

Hola de nuevo...

No es para cargar un nuevo documento... jeje... es para hacer un editor de texto en el que se introducen por medio de javascript contenido en el. Es decir como un wysiwyg.


¿En ese caso como podria hacerlo?

[zerokilled]

a serte honesto, no tengo idea de como podrias hacerlo. pues nunca he escrito un editor de texto a modo de WYSIWYG. ahora bien, existe un evento llamado DOM Mutation el cual es un evento intimamente relacionado al DOM. este se activa cuando un documento sufre algun cambio: remover o agregar elemento, cambiar los atributos, etc. pero desgraciadamente tampco se como se utiliza. quizas quieras buscar por ahi. por otro lado, al igual que muchos te lo diran, ya existen herramientas de este tipo como tinyMCE, por si te interesa.

[Panino5001]

Fijate si te sirve esta antigua faq: http://www.forosdelweb.com/2462878-post270.html

[salbatore]

Hola de nuevo...

He mirado un poco lo de DOM Mutation pero no he encontrado mucho... jeje... en cuanto al editor WISYWYG de Panino5001 esta bien... aunque me surge el mismo problema...

Lo que buscaba hacer es que cuando el iframe cambiase de contenido su contenido se introduciese en un input fuera del iframe.

La verdad es que ya llevo alguna semana con este problema y no encuentro ninguna solucion mas que poner un boton que active una funcion para copiar el contenido... algo que me parece un poco cutre aunque funciona, he probado de todo... pero nada que no he encontrado ningun metodo que haga que se active la funcion por medio de un evento que reconozca el cambio de contenido del iframe.

Bueno... tal vez lo de por una tarea imposible, jeje...