Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
http://forum.imasters.com.br/public/style_emoticons/default/blush.gif Fala ai galera do forum, eu tenho um codigo em js que faz a troca de estilos css assim trocando a cor do site todo e tals, mais eu to com um problema, eu queria saber como que eu faço pra poder trocar as cores das subpáginas atraves de iframe, se exisitir uma solução queria saber como eu to pensando em ajax mais nao sei como as outras páginas vao comporta através disso. um grande obrigado vou deixar o codigo pra terem uma ideia
ps: esse codigo so funciona na pagina principal q ele tem o codigo,mais nas pastas que carregem no centro da página o tema nao se aplica as páginas ficam com o cor do tema principal.
styleswitcher.js
function setActiveStyleSheet(title) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) a.disabled = false;
}
}
}
function getActiveStyleSheet() {
var i, a;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
}
return null;
}
function getPreferredStyleSheet() {
var i, a;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1
&& a.getAttribute("rel").indexOf("alt") == -1
&& a.getAttribute("title")
) return a.getAttribute("title");
}
return null;
}
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
window.onload = function(e) {
var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);
}
window.onunload = function(e) {
var title = getActiveStyleSheet();
createCookie("style", title, 365);
}
var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);inicial.html
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>.:: NightMix Rio ::. A sua night é Aqui!</title>
<link rel="stylesheet" type="text/css" href="css/corpo.css" />
<link rel="alternate stylesheet" type="text/css" href="css/tema1.css" title="tema1" />
<link rel="alternate stylesheet" type="text/css" href="css/tema2.css" title="tema2" />
<script type="text/javascript" src="src/styleswitcher.js"></script>
</head>
<body>
<div id="textfundos">Mude o fundo do topo:</div>
<div id="fudnopic1"><a href="javascript:setActiveStyleSheet('tema1');">
<img src="layout/sl1.jpg" width="34" height="29" /></a></div>
<div id="fudnopic2"><a href="javascript:setActiveStyleSheet('tema2');">
<img src="layout/sl2.jpg" width="34" height="29" /></a></div>
</body>
</html>não precsia ser em frames, mas um jeito q todas as páginas fiquem com a cor desejada pelo usuário final entende, ele escole a cor verde, ai o site fique todo verde e tals, mais com frames so a pagina prinpal fica, as com frames nao, mais se tiver como fazer as frames pegarem o valor do click e tals ia ser bom, mais axo impossivel isso em html com css, eu axo mais mesmo que seria melhor em php ou ajax mais nao sei como faze-lo, e ajax tu ja tive problema com alguns javascripts q nao queriam rodar com ajax
alguem ?
Precisa mesmo usar frames ?
Teria que fazer essa funcao aplicar a troca de css no documento do frame tb.