6 svar · 552 visningar · startad av dur99vma
Hej!
Jag skulle vilja lägga till en funktion på min sida där en användare kan trycka på "Större text" och automatiskt öka upp alla sidan texter med ca 25% typ. Då måste jag ju på något sätt sätta en cookie eller?
Snälla ge mig något tips!
Mvh
Veronika
Har kollat den - men den förstorar ju bara texten på den aktuella sidan och jag vill att all text skall förstoras på alla sidor.
Men tack för tipset =)
Du skulle ju kunna mixtra lite med den. Ex.
<html>
<head>
<script type="text/javascript">
/* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
får användas fritt så länge som dessa rader står kvar. */
if(getCookie("stylesheet")){ document.write("<style>body,html{font-family:verdana,tahoma,arial;font-size:"+getCookie("stylesheet")+"px}</style>"); }
function useStyleSheet(style){
setCookie("stylesheet", style, new Date(new Date().getTime()+31536000000));
top.location.reload(true);
}
function setCookie(name, value, expire){
document.cookie = name + "=" + escape(value) + ((expire ==null) ? "" : ("; expires=" + expire.toGMTString()));
}
function getCookie(Name){
var search = Name + "=";
if (document.cookie.length > 0){
offset = document.cookie.indexOf(search);
if (offset != -1){
offset += search.length;
end = document.cookie.indexOf(";", offset);
if (end == -1) {
end = document.cookie.length;
}
return unescape(document.cookie.substring(offset, end));
} else {
return "";
}
} else {
return "";
}
}
</script>
</head>
<body>
<a href="javascript:void(0);" onClick="useStyleSheet('8'); return false;">8 px</a><br>
<a href="javascript:void(0);" onClick="useStyleSheet('12'); return false;">12 px</a><br>
<a href="javascript:void(0);" onClick="useStyleSheet('20'); return false;">20 px</a><br>
<a href="javascript:void(0);" onClick="useStyleSheet('24'); return false;">24 px</a><br>
<div class="test">En text...</div>
</body>
</html>
Åhh tack!
/Veronika
Kom ihåg att plocka bort alla mellanrum mellan java och script.
Annars så blir det fel. :)