Sahifadagi matn hajmini o'zgartirish (+A -A & JavaScript)

Yangi formatda davom etish uchun: https://uzfor.net/47551-sahifadagi-matn-hajmini-ozgartirish-a-a-javascript.html?id=47555

Sahifadagi matn hajmini o'zgartirish (+A -A & JavaScript)

Xabarlar

Сирожиддин [2882] [off]
#1 11:57:33, 25 Jan 2019

Bu skript haqidagi qisqa darslarimizdan biri bo'ladi, bu sizning saytingiz sahifalaridagi shriftlarni kattalashtirish yoki kichraytirish imkonini beradi.

Ba'zan saytingizdagi matn mehmonlar uchun juda katta bo'lishi yoki aksincha, kichik bo'lishi mumkin. Bunday holda, qayta o'lchamlarini funktsiyasini ta'minlash qulay bo'ladi.
Keling, misol sahifasiga qaraylik:

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <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>
  </head>
  <body>
    <p>
    <a href="javascript:void(0);" onclick="changeFontSize('content','2');">Matnnu kattalashtirish</a>
    &nbsp;&nbsp;
    <a href="javascript:void(0);" onclick="changeFontSize('content',-2);">Matnni kichraytirish</a>
    </p>
    <p id="content" style="font-size:12px;">
    UZFOR.UZ DARSLIKLARIGA HUSH KELIBSIZ! Bizni kuzatishda davom eting: https://uzfor.uz/47551-matn-hajmini-ozgartirish.html
    </p>
  </body>
</html>

Vassalom

Sahifaning boshida bunday oddiy kod barcha ishlarni bajaradi. Hujjatning yuqori qismida biz ikkita yo'nalish belgiladik, - matn hajmini kichraytirish, ikkinchisi bilan esa ya'ni + bilan matn hajmini kattalashtirishni ta'minladik. Matnning asosiy hajmi 12 ta o'lchamni aniqlaydi. Sahifangizda 2 ball ko'payadi yoki kamayadi.

Bu dars qisqa bo'lishi mumkin, lekin amaliyotda sinab ko'rish uchun va ko'pchilik uchun foydali bo'ldi deb o'ylayman

Hammaga omad!

Ushbu dars ruseller.com jamoasi tomonidan siz uchun tayyorlangan.
Kurs manbai: www.vijayjoshi.org
Rus tiliga tarjima: Maxim Shkurypy
O'zbek tiliga tarjima: Sirojiddin Ernazarov

Mavzuga javob yozish