Увеличение \ Уменьшение фонта (текста) на страничке

Сообщений: 1230

Репутация: 353

Уровень замечаний:

Сообщение # 1 | 18:26:22 07 Мар 2014

Вот так можно по нажатию на кнопку + \ - увеличить и уменьшить текст на страничкe:

В <head> вот это:

<script>
function changeFontSize(element,step)
{
step = parseInt(step,10);
var el = document.getElementById(element);
var curFont = parseInt(el.style.fontSize,10);
el.style.fontSize = (curFont+step) + 'px';
}
</script>

в <body> вот это:

<a href="javascript:void(0);" onclick="changeFontSize('CONTENT','2');">
<img src="ПУТЬ_К_КАРТИНКЕ_С_КНОПКОЙ +" title="УВЕЛИЧИТЬ ТЕКСТ"></img></a>
<a href="javascript:void(0);" onclick="changeFontSize('CONTENT',-2);">
<img src="ПУТЬ_К_КАРТИНКЕ_С_КНОПКОЙ -" title="УМЕНЬШИТЬ ТЕКСТ"></img></a>

А сам текст с которым нужны операции по увеличению \ уменьшению нужно обернуть вот так:

<p id="CONTENT">
...
текст
текст
текст
...
</p>
-----------------------------
CONTENT = название обертки.. можно поменять
2 \ -2 = размеры разбега при уменьшении - увеличении текста.. можно поменять
----------------------------------------------------------------------------------

Rem - дополните топик, пожалуйста

WWW.DOGICA.COM / WWW.DOGICA.ORG

Сообщение отредактировал GEMMY - Пятница, 07 Мар 2014, 19:03:16

Miss_Esq

Сообщений: 13859

Репутация: 4159

Уровень замечаний:

Сообщение # 2 | 23:52:13 07 Мар 2014

GEMMY, Смысл Ваших манёвров с масштабированием шрифта ???

geometriya ISO 3166-2 DEE

Dogica

Сообщений: 1230

Репутация: 353

Уровень замечаний:

Сообщение # 3 | 18:29:53 08 Мар 2014

Почему не дать пользователю самому выбрать подходящий и комфортный размер шрифта? На многих сайтах эта опция присутствует и уже давненько.. и куча народу да ней пользуется.. ну вот хотя бы поэтому:

1) далеко не все пользователи имеют хорошее зрение..
2) не все пользователи знают что есть опция CTRL + \ - в браузерах
3) иногда захожу сам на сайты и вижу текст который подходит для прочтения только под лупой..

WWW.DOGICA.COM / WWW.DOGICA.ORG

Miss_Esq

Сообщений: 13859

Репутация: 4159

Уровень замечаний:

Сообщение # 4 | 18:37:45 08 Мар 2014

GEMMY, Как частичное решение частного вопроса масштабирования вполне жизнеспособно ...
Но непропорциональность шрифта отностиельно элементов страницы в результате работы скрипта может порядочно исковеркать дизайн ...

geometriya ISO 3166-2 DEE

Dogica

Сообщений: 1230

Репутация: 353

Уровень замечаний:

Сообщение # 5 | 20:44:11 08 Мар 2014

если обернете текст который нужно изменять в предложенный <p>
ничего не портится и не коверкается ни снаружи обертки ни внутри нее
проверено лично на куче страничек с картинками и видео посредине обертки..
меняется только текст.

если есть проблемы с дизайном после применения этой функции - как всегда готов захавать конструктивную критику по делу.
tongue