Alternar folhas de estilo com um clique
Pessoal! Gostaria da ajuda de vocês nisso... Encontrei este código HTML:
************************************************************************************************************
<!doctype html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="normal.css" title="normal"/>
<link rel="alternate stylesheet" type="text/css" href="contraste.css" title="contraste" />
<title>Página de Teste de Alto-Contraste</title>
<script type="text/javascript">
function setActiveStyleSheet(title) {
var i, a, main;for(i=0;(a=document.getElementsByTagName("link"));i++)
*
{*
*
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {*
*
a.disabled = true;*
*
if(a.getAttribute("title") == title) a.disabled = false;*
*
}*
*
}*
*
}*
*
</script>*
*
</head>*
*
<body>*
*
<h1>Página de Teste de Alto-Contraste</h1>*
*
<a href="#" onclick="setActiveStyleSheet('contraste'); return false;" >Contraste</a>*
*
<a href="#" onclick="setActiveStyleSheet('normal'); return false;" >Normal</a>*
*
</body>*
*
</html>*
*
*************************************************************************************************************
*
normal.css tem esse estilo: body{background:#CCC;}*
*
contraste.css tem esse estilo: body{background:#000;}*
*
*************************************************************************************************************
*
Esse código é bom, mas gostaria que fosse apenas um link para alternar entre os estilos, como aquelas páginas*
*
de acessibilidade. Alguém poderia me ajudar?*
Discussão (8)
Carregando comentários...