The following script can be used to allow visitors to increase or decrease the size of text on your page. This can be useful for visitors who have trouble reading smaller text and allows them to increase it to something they can view more easily.

Template edits:

add the following script in Header

<script type="text/javascript" language="javascript">
var min=8;
var max=18;
function increaseFontSize() {
   var p = document.getElementsByTagName('div');
   for(i=0;i<p.length;i++) {
      if(p[i].style.fontSize) {
         var s = parseInt(p[i].style.fontSize.replace("px",""));
      } else {
         var s = 12;
      }
      if(s!=max) {
         s += 1;
      }
      p[i].style.fontSize = s+"px"
   }
}
function decreaseFontSize() {
   var p = document.getElementsByTagName('div');
   for(i=0;i<p.length;i++) {
      if(p[i].style.fontSize) {
         var s = parseInt(p[i].style.fontSize.replace("px",""));
      } else {
         var s = 12;
      }
      if(s!=min) {
         s -= 1;
      }
      p[i].style.fontSize = s+"px"
   }   
}

</script>

and the following anywhere you wanna show the icons:

<div>
         <a href="javascript:increaseFontSize();"><img src="font-inc.gif" alt="Increase Font Size" style="border:0px;" /></a>
         <a href="javascript:decreaseFontSize();"><img src="font-dec.gif" alt="Decrease Font Size" style="border:0px;" /></a>
        </div>

***

Опробовала. При переходе на следующую страницу размер "слетает". Может, в настройках форума что-то не так?

Originally Posted by Fiesta

Опробовала. При переходе на следующую страницу размер "слетает". Может, в настройках форума что-то не так?

Все правильно, чтобы не слетало нужно приделывать куки.

немного изображений для управления размером

Originally Posted by xorex

Все правильно, чтобы не слетало нужно приделывать куки.

Это сложно? Полностью переписывать надо? Я в javascript полный ноль... HTML и CSS знаю, а в скрипты не лезу...

Originally Posted by xorex

немного изображений для управления размером

Спасибо)
Ещё можно сделать текстовый вариант:

<div>
         <a href="javascript:increaseFontSize();">Шрифт увеличить</a>
         <a href="javascript:decreaseFontSize();">Шрифт уменьшить</a>
        </div>

Originally Posted by Fiesta

Это сложно? Полностью переписывать надо? Я в javascript полный ноль... HTML и CSS знаю, а в скрипты не лезу...

Аналогично, поэтому предлагаю кого-нибудь попросить, мне недавно Older приделывал куки к похожему скрипту но там было более простое действие с двумя состояниями, здесь же само значение нужно будет запоминать.

Набросал вариант на jQuery. Добавляем нижеприведенный код в headiclude, а также устанавливаем классы "decreaseFont" и "increaseFont" соответствующим кнопочкам.

<script type="text/javascript">
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 var 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;
}

$(document).ready(function(){
	var MinFontSize = 8;
	var MaxFontSize = 18;
	var DefaultFontSize = 14;
  	var originalFontSize = readCookie('fontsize') ? readCookie('fontsize') : DefaultFontSize;
   	$('div, span, td').css('font-size', originalFontSize + 'px');
   	

  $(".increaseFont").click(function(){
  	var originalFontSize = readCookie('fontsize') ? readCookie('fontsize') : DefaultFontSize;
	if (originalFontSize < MaxFontSize) {
		var newFontSize = parseFloat(originalFontSize) + 1;
    	$('div, span, td').css('font-size', newFontSize  + 'px');
    	createCookie('fontsize', newFontSize, 30*24*60*60);
    	return false;
    }
  });

  $(".decreaseFont").click(function(){
  	var originalFontSize = readCookie('fontsize') ? readCookie('fontsize') : DefaultFontSize;
	if (originalFontSize > MinFontSize) {
		var newFontSize = parseFloat(originalFontSize) - 1;
    	$('div, span, td').css('font-size', newFontSize + 'px');
    	createCookie('fontsize', newFontSize, 30*24*60*60);
    	return false;
    }
  });
});
</script>

P.S: Спасибо xorex за моральную и финансовую поддержку. = )

Добавлю, изначально куки были добавлены для кода в первом сообщении темы, но после не долгих тестов выяснилось что мягко говоря скрипт кривоват, текст увеличивался кусками и так же сохранялся или не сохранялся вовсе, поэтому было решено попробовать jQuery версию которая заработала так как и задумано.

Вариант с JQuery рекомендуется использовать только если у вас его уже использует много других рюшек или функций на форуме, иначе нет смысла подключать из-за этой мелочи такой жирный фреймворк и потом, есть же еще сочетания клавиш Ctrl + "+/-".

Оффтоп

вот это да... я не ожидала... как-то отложила этот вопрос "на потом"....

Originally Posted by xorex

Добавлю, изначально куки были добавлены для кода в первом сообщении темы, но после не долгих тестов выяснилось что мягко говоря скрипт кривоват

Может, и класть стоит его в раздел Made in vBSupport.org 3.8 как самостоятельный продукт? Я не права?

OldEr, спасибо огромное - это как раз то, что нужно. Аналогов не нашла.

Originally Posted by OldEr

P.S: Спасибо xorex за моральную и финансовую поддержку. = )

xorex, я ваша должница.

Originally Posted by Fiesta

Может, и класть стоит его в раздел Made in vBSupport.org 3.8 как самостоятельный продукт? Я не права?

Уже предложил OldEr-у

Оффтоп

Originally Posted by Fiesta

вот это да... я не ожидала... как-то отложила этот вопрос "на потом"....

Возможно есть смысл еще чутка подождать

coming soon





--Особенности:

• Никаких правок шаблонов
• Кнопки управления как элемент браузера (всегда на виду).
• Возможность задать через настройки расположение кнопок управления (по горизонтали и по вертикали).

Оформим на днях как продукт. = )

Ctrl и + (-) заменяет чтоль?

Оффтоп

Хех, совсем клавиатурой пользоваться разучились.