Newsgroup: it.comp.lang.javascript
Titolo: Accessibilità - Modifica caratteri on the fly

Ciao a tutti,
ho appena finito questo sito 
http://www.opent.it/cms/policlinico/
ma ho dei seri problemi a far funzionare uno script per il
ridimensionamento dei caratteri qualcuno mi sà aiutare?
Lo script non dà errori però non mi funge :(
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;
}
function setFontSize(size) {
	var body = document.getElementsByTagName('P')[0];
	var percentuale = "64%";
	if (size == 1) percentuale = "8px";
	if (size == 2) percentuale = "10px";
	if (size == 3) percentuale = "12px";
	if (size == 4) percentuale = "14px";
	if (size == 5) percentuale = "16px";
	body.style.fontSize = percentuale;
	createCookie('WMPfontSize',size,365);
}
window.onload = function() {
	size = readCookie('WMPfontSize');
	setFontSize(size);
}
e lo richiamo dall'html:
<span class="separatore">|</span>
<a href="javascript: setFontSize(1)" class="piccolo" title="carattere
piccolo">A</a>
<span class="separatore">|</span>
<a href="javascript: setFontSize(3)" class="medio" title="carattere
medio">A</a>
<span class="separatore">|</span>
<a href="javascript: setFontSize(5)" class="grande" title="carattere
grande">A</a>
<span class="separatore">|</span>
mentre il css:
BODY {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #F4F1EA;
	font: 76% Tahoma;
}
#caratteri a {
	font-family: Tahoma;
	color: #5F7686;
}
#caratteri a.piccolo {
	font-size:10px;
	font-weight:bold;
}
#caratteri a.medio {
	font-size:12px;
	font-weight:bold;
}
#caratteri a.grande {
	font-size:14px;
	font-weight:bold;
} 
Qualcuno mi sà aiutare??
Ciao e grazie!

>body.style.fontSize = percentuale;
Questo modo di impostare la dimensione del carattere non funziona
neanche a me. Io di solito preferisco cambiare il nome della classe ed
agire direttamente sul foglio di stile. Modificherei il tuo codice con
quello sotto:
<html>
<style>
p.xs{font-size: 8px;}
p.s {font-size:10px;}
p.m {font-size:12px;}
p.l {font-size:14px;}
p.xl{font-size:16px;}
</style>
<script language="javascript">
function setFontSize(size) {
        var body = document.getElementsByTagName('P')[0];
        if (size == 1) body.className = "xs";
        if (size == 2) body.className = "s";
        if (size == 3) body.className = "m";
        if (size == 4) body.className = "l";
        if (size == 5) body.className = "xl";
        createCookie('WMPfontSize',size,365);
}
</script>
<body>
<p> pippo </p>
<p> pippo </p>
<span class="separatore">|</span>
<a href="javascript: setFontSize(1)" class="piccolo" title="carattere
piccolo">A</a>
<span class="separatore">|</span>
<a href="javascript: setFontSize(3)" class="medio" title="carattere
medio">A</a>
<span class="separatore">|</span>
<a href="javascript: setFontSize(5)" class="grande" title="carattere
grande">A</a>
<span class="separatore">|</span>
</body>
</html> 
Ciao
Lorenzo

 - see 00index.htm
 Dates - miscdate.htm moredate.htm js-dates.htm pas-time.htm critdate.htm etc.