Mudando o layout dinamicamente
Publicado por Diogo Souza da Silva 04/05/2007
[ Hits: 7.684 ]
Homepage: www.manfiesto.blog.br
Fiz um javascript para usar no meu portfólio.
Este script serve para alternar/alterar o estilo da página carregada através dos "alternates stylesheets", permitindo mudar todo layout sem reload(recarregar) da página.
Também reforça o uso de webstands e o layout via css, além de salvar a sessão em cookie para a próxima visita já usar o último layout escolhido.
// Para cada estilo alternativo, você deve definir no head assim: // <link href="extras/estilos/segundo.css" rel="alternate stylesheet" type="text/css" title="Dark" /> // E entao no onload do body, deve-se chamar a funcao start() // Para mudar o css ativo basta chamar a funcao troca(txt), sendo txt o title do css a ser usado // O estilo ativo é salvo nos cookies para ser usado na proxima atualização // A variavel padrao quarda o estilo basico caso nenhum estaja precarregado // // by http://www.manifesto.blog.br/ padrao = "basico" ; function troca(txt) for(i=0;(a=document.getElementsByTagName("link")[i]);i++) { if (a.getAttribute("title") == txt) { a.disabled = false ; } else { a.disabled = true ; } } setCookie("estilo",txt,"99",null,null,null,null); } function setCookie(name, value, expires, path, domain, secure) { var curCookie = name + "=" + escape(value) + ((expires) ? "; expires=2088" : "2098") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : ""); document.cookie = curCookie; } function getCookie(name) { var dc = document.cookie; var prefix = name + "="; var begin = dc.indexOf("; " + prefix); if (begin == -1) { begin = dc.indexOf(prefix); if (begin != 0) return null; } else begin += 2; var end = document.cookie.indexOf(";", begin); if (end == -1) end = dc.length; return unescape(dc.substring(begin + prefix.length, end)); } function start() { txt = getCookie("estilo"); if (txt == null) { txt = padrao ; } troca(txt) }
Nenhum coment�rio foi encontrado.
Atualizando o Passado: Linux no Lenovo G460 em 2025
aaPanel - Um Painel de Hospedagem Gratuito e Poderoso
O macete do Warsaw no Linux Mint e cia
Visualizar arquivos em formato markdown (ex.: README.md) pelo terminal
Dando - teoricamente - um gás no Gnome-Shell do Arch Linux
Como instalar o Google Cloud CLI no Ubuntu/Debian
Mantenha seu Sistema Leve e Rápido com a Limpeza do APT!
Procurando vídeos de YouTube pelo terminal e assistindo via mpv (2025)
Pastas da raiz foram para a área de trabalho [RESOLVIDO] (11)
Será que eu deveria apreender C/C++ para desenvolver para Linux? (4)