logo

highlight (javascript - pen marker)

JavaScript: The Definitive Guide

Overview: The highlight function is search for all occurances of an string pattern. When a string pattern is encounter it is wrapped with a color dependant on the type argument specified by the application. The highlight is very good function to use when returning data to the user based on a keyword search. The keywords can be made to stand out.


<script language="javascript1.1">

function highlight(stPhrase,stPattern,stType) 

{

	var stInsert;

	var sRC;

	switch(stType)

	{

		case "Bold":

			stInsert="<b>"+stPattern+"</b>";

			sRC=replace(stPhrase,stPattern,stInsert);

			break;

		case "Red":

			stInsert="<b><font color='#ff6347'>"+stPattern+"</font></b>";

			sRC=replace(stPhrase,stPattern,stInsert);

			break;

		case "Cyan":

			stInsert="<font color='#e0ffff'>"+stPattern+"</font></b>";

			sRC=replace(stPhrase,stPattern,stInsert);

			break;

		case "Green":

			stInsert="<font color='#adff2f'>"+stPattern+"</font></b>";

			sRC=replace(stPhrase,stPattern,stInsert);

			break;

		case "Pink":

			stInsert="<font color='#ff1493'>"+stPattern+"</font></b>";

			sRC=replace(stPhrase,stPattern,stInsert);

			break;

		case "Yellow":

			stInsert="<font color='#ffff00'>"+stPattern+"</font></b>";

			sRC=replace(stPhrase,stPattern,stInsert);

			break;



	}

	return(sRC);

}



function replace(stPhrase,stPattern,stInsert) 

{ 

	var stBuffer; stArray=stPhrase.split(stPattern); 

	stBuffer=""; 

	for(var i=0; i<stArray.length; i++) 

	{

		 if(i<stArray.length-1) 

		{ 

			stBuffer+=stArray[i]+stInsert; 

		} 

		else 

		{ 

			stBuffer+=stArray[i]; 

		} 

	} 

	return stBuffer; 

} 

</script>
s