RSS

TEXT Enlarger Script?

Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 1705 | Replies: 1

•

Join Date: May 2005

Posts: 20

Reputation: jeepj27 is an unknown quantity at this point

Rep Power: 4

Solved Threads: 0

jeepj27

Offline

Newbie Poster

TEXT Enlarger Script?

Jul 28th, 2007

Hi To All -

Is anyone aware of how, or if there is a script available that I can use to have a + or - button on each page of my site that will allow visually impaired visitors to ENLARGE THE TEXT on that page?

Thanks for anyone's time/help!

•

Join Date: Jun 2006

Location: India

Posts: 7,054

Reputation: ~s.o.s~ is a splendid one to behold

Rep Power: 25

Solved Threads: 372

~s.o.s~

Offline

Lazy, Useless & Apathetic

Re: TEXT Enlarger Script?

Jul 28th, 2007

A simple script like this should do the job:

Help with Code Tags

(Toggle Plain Text)

<html>
<head>
    <script>
    var INIT_SZ, MAX, MIN;
    
    var init = function()
    {
        INIT_SZ = 14;
        MAX = 24;
        MIN = 10;
        var elem = document.getElementsByTagName('body');
        elem[0].style.fontSize = 14;
        alert(elem[0].style.fontSize);
    }
    
    var enlarge = function()
    {    
        var elem = document.getElementsByTagName('body');
        var size = parseInt(elem[0].style.fontSize.replace("px", ""));
        if(size < MAX)
        {
            elem[0].style.fontSize = (size + 1) + "px";
        }
    }
    
    var shrink = function()
    {    
        var elem = document.getElementsByTagName('body');
        var size = parseInt(elem[0].style.fontSize.replace("px", ""));
        if(size > MIN)
        {
            elem[0].style.fontSize = (size - 1) + "px";
        }
    }
    </script>
</head>
<body onload="init();">
    <p>hello to all</p>
    <br />
    <input type="button" value="+" onclick="enlarge();" /><br />
    <input type="button" value="- " onclick="shrink();" />
</body>
</html>

I don't accept change. I don't deserve to live.

Happiness corrupts people.

Failing to value the lives of others cheapens your own.