Скрипт увеличения размера шрифта на сайте

Скрипт увеличения размера шрифта на сайте

2011-04-0385901

Эта функция иногда встречается на сайтах. Вас, наверное, заинтересовала такая возможность. Если Вы захотели создать скрипт увеличения размера шрифта на сайте, то непременно следует воспользоваться именно этим готовым сценарием.

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

Код

Этот код поместите между <head>:

Код
<script>
var tgs = new Array( 'div','td','tr');
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;

function ts( trgt,inc ) {
  if (!document.getElementById) return
  var d = document,cEl = null,sz = startSz,i,j,cTags;
   
  sz += inc;
  if ( sz < 0 ) sz = 0;
  if ( sz > 6 ) sz = 6;
  startSz = sz;
   
  if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];

  cEl.style.fontSize = szs[ sz ];

  for ( i = 0 ; i < tgs.length ; i++ ) {
  cTags = cEl.getElementsByTagName( tgs[ i ] );
  for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
  }
}
</script>

Этот код в нужное место между <body>:

Код
<a href="javascript:ts('body',1)">+ Увеличить шрифт</a> | <a href="javascript:ts('body',-1)">+ Уменьшить шрифт</a>


Vasiliy 2014-06-02 в 14:29Спам
Хорошая штука, но при переходе на другую страничку, настройки установленного размера сбрасываются, как закрепить?
0
Чтобы оставить комментарий или отзыв под этой публикацией,
зарегистрируйтесь или войдите.