Copiar el contenido de un div en un iframe
JavaScript
Publicado el 3 de Febrero del 2012 por Xavi (548 códigos)
9.145 visualizaciones desde el 3 de Febrero del 2012
Código que muestra como copiar el contenido de un div en un iframe.
<html>
<head>
</head>
<body>
<script type="text/javascript">
/**
* Script que realiza la copia
*/
function copyDivToIframe()
{
var oIframe = document.getElementById('iframe');
var oDoc = (oIframe.contentWindow || oIframe.contentDocument);
if (oDoc.document) oDoc = oDoc.document;
oDoc.write(document.getElementById('data').innerHTML);
oDoc.close();
}
</script>
<div id="data" style='border:1px solid;padding:10px;'>
Contenido del div
...
...
</div>
<div style="padding:10px;">
<input type='button' onclick="copyDivToIframe();" value="Copiar div al iframe">
</div>
<div>
<iframe id="iframe" name="iframe" width="500" height="400">
</div>
</body>
Comentarios sobre la versión: Versión 1 (0)
No hay comentarios