After frustated unable to get my source codes displayed smaller, I decided to play around with CSS’ font-size for our amusement.

Done using Javascript:

<script language="javascript">

function UpdateFont()
{
    var objTarget = document.getElementById('divtarget'); // a div
    var objSourceFont = document.getElementById('txbFont'); // a textbox
    var objSourceSize = document.getElementById('txbSize'); // a textbox
    if (objTarget != null && objSourceFont != null && objSourceSize != null)
   {
       objTarget.style.fontSize = objSourceSize.value;
       objTarget.style.fontFamily = objSourceFont.value;
   }
}

  </script>

Resources:

W3C Standard
W3School Tutorial

 

Possibly Related Posts

• How to Check Whether JavaScript is Enabled From Server
• MySQL Collation for UNION
• Save My Soul – Padi
• Adding an expandable snippet box to your WordPress blog
• Here’s How to Add Quote of The Day into Your Website Instantly

Advertise Here