Страница 1 из 1

Больший Шрифт / Маленький Шрифт

СообщениеДобавлено: 14 июл 2008, 15:36
Boxe
Иногда текстовый размер, который Вы определили для своего webpage, не является подходящим для зрителя, в зависимости от его конфигурации браузера или OS. Этот полезный подлинник Taewook использует Динамический CSS, чтобы позволить самому зрителю изменять текстовый размер страницы по требованию, нажимая на связь Размера Шрифта Увеличения или Уменьшения. Теперь это - своего рода воплощение, которое могут только ценить Ваши зрители!

Этот подлинник является самым соответствующим для webpages, разработанного, используя CSS, или минимальный из осуждаемого HTML помечает, хотя это может также затронуть измеренное использование текста, явное <размер шрифта = "x"> признаки (см. Настройку ниже). Мудрая совместимость, позволенный браузер DOM требуется для подлинника взять аффект - IE5 +/NS6 +/Opera 7 + и т.д.

Шаг 1: Добавьте следующий кодекс к <HEAD> секции Вашей веб-страницы:

Код: Выделить всё
<script type="text/javascript">
//Specify affected tags. Add or remove from list:
var tgs = new Array( 'div','td','tr');

//Specify spectrum of different font sizes:
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>


Шаг 2: Теперь настройте две связи, которые увеличат и уменьшат Ваш текстовый размер. Следующее сделает приятно:

Код: Выделить всё
<a href="javascript:ts('body',1)">+ Больший Шрифт</a> | <a
href="javascript:ts('body',-1)">+ Маленький Шрифт</a>