Uncle Jim's Web Designs: Font Size Selector

Insert below code between head tags: <HEAD></HEAD>

function pickFont(size,text) {
if(size == 1){
  //define size=1 data for msie
  if(document.all){
	showTxt.style.fontSize="8px"
	showTxt.innerHTML= dContent
	showTxt.style.visibility="visible"
  }
  //define size=1 data for netscape
  else if(document.layers){
	document.showTxt.document.showTxtN.document.write(sizeF+text+'</FONT>')
	document.showTxt.document.showTxtN.document.close()
	document.showTxt.visibility="show"
  }
}

else if(size == 2) {
  if(document.all){
	showTxt.style.fontSize="18px"
	showTxt.innerHTML= dContent
	showTxt.style.visibility="visible"
  }
  else if(document.layers){
	document.showTxt.document.showTxtN.document.write(sizeG+text+'</FONT>')
	document.showTxt.document.showTxtN.document.close()
	document.showTxt.visibility="show"
  }
}

else if(size == 3){
  if(document.all){
	showTxt.style.fontSize="32px"
	showTxt.innerHTML= dContent
	showTxt.style.visibility="visible"
  }
  else if(document.layers){
	document.showTxt.document.showTxtN.document.write(sizeH+text+'</FONT>')
	document.showTxt.document.showTxtN.document.close()
	document.showTxt.visibility="show"
  }
}

}

function hideTxt(){

if (document.all)
	document.all.showTxt.style.visibility="hidden"

else if (document.layers){
	document.showTxt.visibility="hidden"
  }
}

//fontsize, color variables for netscape
var sizeF="<FONT FACE=verdana SIZE=1 COLOR=#003399>"
var sizeG="<FONT FACE=verdana SIZE=4 COLOR=#003399>"
var sizeH="<FONT FACE=verdana SIZE=9 COLOR=#003399>"

var dContent='<center>Ever wonder why pages on the web are always displayed<br>at a predetermined fontsize? Now, you can allow your<br>visitors to change the font size of selected text<br>using this Cross-Browser DHTML script.</center>'
//--></script>

Insert Inside Body of page: <BODY></BODY>

Insert inside body tag itself:

Uncle Jim's Web Designs

Font Size Selector

Author: Jim Stiles