Web development, coding & SEO

Resize the text and print the page

Print the page

Print

<a href="javascript:window.print()">Print Page</a>

Resize the text on the web page.

 

code in body

<script type="text/javascript">/* <![CDATA[ */
if (document.cookie && (document.documentElement.style || document.body.style)) {
 document.write("Text size - ");
 document.write("<a href=\"javascript:myTextSize('incr');\" title=\"click to enlarge text size\">increase<\/a> - ");
 document.write("<a href=\"javascript:myTextSize('decr');\" title=\"click to shrink text size\">decrease<\/a> - ");
 document.write("<a href=\"javascript:myTextSize('reset');\" title=\"click to normal text size\">reset<\/a>");
}/* ]]> */</script><noscript>Text resizing feature, works with JavaScript</noscript>

Link to an external JavaScript in head section

<script type="text/javascript" src="markup-resize-text.js"></script>

Content of the external JavaScript file

function myTextSize(chgsize) {
	if (!document.documentElement || !document.body) return;
	var newSize = 100;
	var startSize = parseInt(getTextSize());
	if (!startSize || startSize < 50) startSize = 100;
	switch (chgsize) {
		case "incr":
			newSize = startSize + 5;
			break;
		case "decr":
			newSize = startSize - 5;
			break;
		case "reset":
			newSize = 100;
			break;
		default:
			newSize = parseInt(myGetCookie("my-textsize"));
			if (!newSize) newSize = startSize;
			break;
	}
	if (newSize < 50) newSize = 50;
	newSize += "%";
	document.documentElement.style.fontSize = newSize;
	document.body.style.fontSize = newSize;
	mySetCookie("my-textsize",newSize,365);
}

function getTextSize() {
	if (!document.body) return 0;
	var size = 0;
	var body = document.body;
	if (body.style && body.style.fontSize) {
		size = body.style.fontSize;
	} else if (typeof(getComputedStyle) != "undefined") {
		size = getComputedStyle(body,'').getPropertyValue("font-size");
	} else if (body.currentStyle) {
		size = body.currentStyle.fontSize;
	}
	return size;
}

function mySetCookie(name,value,days) {
	var cookie = name + "=" + value + ";";
	if (days) {
		var myDate=new Date();
		myDate.setTime(myDate.getTime()+(days*24*60*60*1000));
		cookie += " expires=" + myDate.toGMTString() + ";";
	}
	cookie += " path=/";
	document.cookie = cookie;
}

function myGetCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(";");
	for(var i = 0; i < ca.length; i++) {
		var c = ca[i];
		while (c.charAt(0) == " ") c = c.substring(1, c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return;
}

function init() {
	myTextSize();
	return;
}

window.onload=init;

2008

---