Mudando o layout dinamicamente
Publicado por Diogo Souza da Silva 04/05/2007
[ Hits: 7.631 ]
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) }
Menu sanfona com JQuery apenas utilizando as tags UL e LI
Nenhum comentário foi encontrado.
Como compartilhar a tela do Ubuntu com uma Smart TV (LG, Samsung, etc.)
Descritores de Arquivos e Swappiness
tux-gpt - Assistente de IA para o Terminal
Instalação e configuração do Chrony
Programa IRPF - Guia de Instalação e Resolução de alguns Problemas
Como instalar no Linux Jogos da Steam só para Windows
Instalando o Team Viewer no Debian Trixie - problema no Policykit
O Que Fazer Após Instalar Ubuntu 25.04
Autenticação necessária. um aplicativo quer acesso ao chaveiro (3)
O que você está ouvindo agora? [2] (175)
Copiar Layout do Teclado para aplicar em outra Distribuição (10)