« »

Sometimes the text size you've specified for your webpage isn't suitable to the viewer, depending on his browser configuration or OS. This useful script by Taewook uses Dynamic CSS to let the viewer himself modify the text size of the page on demand, by clicking on an Increase or Decrease Font Size link. Now that's a kind of personalization your viewers may just appreciate.

This script is most appropriate for webpages styled using CSS or a minimal of deprecated HTML tags, though it can also affect text sized using explicit <font size="x"> tags (see Customization below). Compatibility wise, a DOM enabled browser is required for the script to take affect- IE5+/NS6+/Opera 7+ etc.

Label: Document Text Sizer

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Generate your business videos by AI with voice or just text

Your first FREE AI Video App! Automate Your First AI Video. Create Your Professional Video In 5 Minutes By AI No Equipment Or Video Editing Skill Requred. Effortless Video Production For Content Marketers. Free UNLMITED AI Video App in Your Hand

Code
JavaScript
HTML
Print

Copy All x2

<script type="text/javascript">
/***********************************************
* Document Text Sizer- Copyright 2003 - Taewook Kang.  All rights reserved.
* Coded by: Taewook Kang (http://www.txkang.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

//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>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

JavaScriptBank.com - Bank of over 2000+ free JavaScripts<br><br>
JavaScriptBank.com - Bank of over 2000+ free JavaScripts<br><br>
JavaScriptBank.com - Bank of over 2000+ free JavaScripts<br><br>
JavaScriptBank.com - Bank of over 2000+ free JavaScripts<br><br>
JavaScriptBank.com - Bank of over 2000+ free JavaScripts<br><br>
JavaScriptBank.com - Bank of over 2000+ free JavaScripts<br><br>
JavaScriptBank.com - Bank of over 2000+ free JavaScripts<br><br>

<a href="javascript:ts('body',1)">+ Zoom in</a> | <a
href="javascript:ts('body',-1)">- Zoom out</a>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Comment (0)
Write

by Preview

Cancel reply

Write your comment

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (0)
New

BBCode
HTML
URL
JID

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

30/01/2007
Taewook Kang [more]
3,177
0
2
0
3.65 KBytes

JavaScript Document Text Sizer

2/5 2 votes / 3,177 previews / 0 comment 30/01/2007 Sometimes the text size you've specified for your webpage isn't suitable to the viewer, depending on his browser configu...JavaScript Document Text Sizer - Document Text Sizer

Let's be first member to do this

Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web

Document Text Sizer

Label: Document Text Sizer (adsbygoogle = window.adsbygoogle || []).push({});

Generate your business videos by AI with voice or just text

Write your comment

Label: Document Text Sizer