1 reply to this topic

[aeduarda]

Olá a todos!
Sou nova por aqui, por isso espero estar a postar no local certo

Estou a construir um site em que uso iframes... Esses iframes vão-se repetir em diferentes páginas do site, estas com estilos diferentes. Só consigo aplicar um único CSS ao iframe, assim gostaria de saber se é possível o iframe alterar o CSS conforme a página "pai" onde está. Não sei se me fiz entender... Espero que sim

Aguardo resposta, muito obrigada!

[shayllis]

Bom vou tentar responder.
se for o código do próprio iframe, ele não pode alterar do pai, mas pode ser alterado dentro de si mesmo.
Se for em relação ao iframe se comportar em cada página de forma diferente, dah para você controlar pelo id. Em uma folha de estilo aparte defina #estilo_pagina1, #estilo_pagina2... e quando for chamar os iframes é só definir por id.paginaatual.
Se for um coportamento diferente interno do iframe por cada página você pode criar uma função com javascript que pegue a URL da página principal e faça o carremagento do devido estilo externo.
Como: var url = location.search();
function carregarcss() {
var lnk = document.createElement('link');
lnk.setAttribute('type', "text/css" );
lnk.setAttribute('rel', "stylesheet" );
lnk.setAttribute('href', url );
document.getElementsByTagName("head").item(0).appendChild(lnk);
}