Increase & Decrease / Chnage Font Size on Click

<div align="center">
       
<SCRIPT LANGUAGE="JavaScript">


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>

<a href="javascript:void(0);" onClick="changeFontSize('vipcontent','2');">Increase font</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="javascript:void(0);" onClick="changeFontSize('vipcontent',-2);">Decrease font</a>
        <br />
        <br />
<p id="vipcontent" style="font-size:12px;">
This is the test text to increase or decrease.
</p>
       
</div>

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>

<a href="javascript:void(0);" onClick="changeFontSize('vipcontent','2');">Increase font</a>       

<a href="javascript:void(0);" onClick="changeFontSize('vipcontent',-2);">Decrease font</a>

<br />

This is the test text to increase or decrease.

</p>

</div>

Leave a Reply Cancel reply