Código de JavaScript - Copiar el contenido de un div en un iframe

Imágen de perfil

Copiar el contenido de un div en un iframegráfica de visualizaciones


JavaScript

Publicado el 03 de Febrero del 2012 por Xavi
5.953 visualizaciones desde el 03 de Febrero del 2012. Una media de 28 por semana
Código que muestra como copiar el contenido de un div en un iframe.

Versión 1

Publicado el 03 de Febrero del 2012gráfica de visualizaciones de la versión: Versión 1
5.954 visualizaciones desde el 03 de Febrero del 2012. Una media de 28 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<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
 

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s2151