скрипт увеличения шрифта ?

[zetaap]

Существует ли какой нибудь способ увеличивать шрифт при нажатии на какуйнить кнопочку, установленную на html страничке. Такое я видел в некоторых шаблонах для Joomla . Помогите реализовать такой способ, плизз... В IE 6 чтоб 100% работал...

P.S Увеличение через настройки браузера не предлагать....

[Dimitry Wolotko]

Замена стилей, с помощью JS.

mmm JS

[zetaap]

А можно по подробнее, если есть то пример скрипта, заранее спасибо...

[Dimitry Wolotko]

Поиск по форуму юзай.

Как пример - http://www.forum.htmlbook.ru/viewtopic.php?pid=39890

[zetaap]

А есть способ без подгрузки доп стиля , а чисто просто на js ....

[iluha]

можно назначить каждогому объекту свой айди (например каждому

в котором есть текст) с номером и потом по событию циклом обработать все тексты, назначая тот или иной размер шрифта без перезагрузки с помошью:

document.getElementById("elementID").style.fontSize="...";

[zetaap]

Долгими поисками по рунету, наш?л способ , выкладываю может кого тоже заинтересует:

var prefsLoaded = false;
var defaultFontSize = 81.3;
var currentFontSize = defaultFontSize;

function revertStyles(){

 currentFontSize = defaultFontSize;
 changeFontSize(0);

}

function toggleColors(){
 if(currentStyle == "White"){
 setColor("Black");
 }else{
 setColor("White");
 }
}

function changeFontSize(sizeDifference){
 currentFontSize = parseInt(currentFontSize) + parseInt(sizeDifference * 5);

 if(currentFontSize > 150){
 currentFontSize = 150;
 }else if(currentFontSize < 60){
 currentFontSize = 60;
 }

 setFontSize(currentFontSize);
};

function setFontSize(fontSize){
 var stObj = (document.getElementById) ? document.getElementById('content_area') : document.all('content_area');
 document.body.style.fontSize = fontSize + '%';

 //alert (document.body.style.fontSize);
};


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;
};

window.onload = setUserOptions;

function setUserOptions(){
 if(!prefsLoaded){

 cookie = readCookie("fontSize");
 currentFontSize = cookie ? cookie : defaultFontSize;
 setFontSize(currentFontSize);

 prefsLoaded = true;
 }

}

window.onunload = saveSettings;

function saveSettings()
{
 createCookie("fontSize", currentFontSize, 365);
}

В а вот типа вид ссылки:

<a href="#Increase" onclick="changeFontSize(1); return false;">+ Увеличить</a><a href="#Decrease" onclick="changeFontSize(-1); return false;">- Уменьшить</a><a href="#Default" onclick="revertStyles(3); return false;">Обычный шрифт</a>

[rash]

А не получится ли сделать так: задать все размеры шрифта на странице в относительных единицах, а потом просто через JS менять размер шрифта для body в inline-стиле, например?

P.S: собственно, практически то же самое только что и написали, надо было читать внимательнее -)