jquery insertando todas las hojas de estilo en iframe

¿Cómo puedo insertar todas las hojas de estilo de una ventana principal en la cabecera de un iframe (samedomain)?jquery insertando todas las hojas de estilo en iframe

Mi intento de código basado en una pregunta similar:

function() { 
    var d = frames[0].document; 
    var stylesheets = $("link").outerhtml; 
    d.open(); 
    d.write(
    '<html><head>'+ 
    stylesheets + 
    '<style type="text/css">'+ 
    '<\/style><\/head><body><\/body><\/html>' 
    ); 
    d.close(); 
}

Es evidente que esto no funciona fuera del IE. Gracias por adelantado.

Editar: Intento basado en la respuesta de Anthony:

$("link[type='text/css']").each(function() { 
     var stylesheet = $(this).clone();          
     $("iframe").contents().find("head").append(stylesheet); 
    });

Fuente

2009-09-29 Mark

escrito por la primera función, lo que crea dudas, iframes contiene HTML o está en blanco? –

un problema con la respuesta seleccionada es que utiliza .html(), que devuelve sólo el contenido HTML interno de ese elemento, no el propio elemento. Aquí hay una solución de trabajo:

$("link[type='text/css']").clone().appendTo($("iframe").contents().find("head"));

Fuente

2012-04-25 19:01:37

El atributo de tipo es opcional en las etiquetas de enlace de hoja de estilo en HTML5, mejor para usar '$ (" enlace [rel = 'hoja de estilo'] ")'. –

O vaya para la trifecta completa: '$ (" link [rel = 'stylesheet'], link [type = 'text/css'], link [href $ = '. css'] ")' –

$("link[type='text/css']").each(function() { 
    var stylesheet = $(this).html(); 
    $("iframe").contents().find("head").append(stylesheet); 
    });

Fuente

2009-09-29 02:36:25 Anthony

te refieres a this.clone ¿verdad? Porque de lo contrario, eso movería la hoja de estilo. Aún así, no estoy logrando que esto funcione. – Mark

No, quise append, pero también quise especificar para anexar el html, lo siento. ¿La edición funciona? De lo contrario, asegúrese de que el selector iframe funcione. Algo simple como 'alert ($ (" iframe "). Contents(). Find (" title "). Text()'. El código del iframe es directo de jquery. – Anthony

Lo siento, he metido un poquito, pero el vers Tengo en la pregunta que funcionaría. Gracias. – Mark

jquery insertando todas las hojas de estilo en iframe

Respuesta

Cuestiones relacionadas