<!--
/*************************************************************
* This script is developed by Arturs Sosins aka ar2rsawseen, http://webcodingeasy.com
* Feel free to distribute and modify code, but keep reference to its creator
*
* This object can highlight specified words in a website.
* You can provide HTML element which should wrap each word, as well as
* its attributes and css styles and three events (mouseover, mouseout, click)
*
* For more information, examples and online documentation visit:
* http://webcodingeasy.com/JS-classes/Highlight-words-in-website-using-javascript
**************************************************************/
-->
<html>
<head>
</head>
<body>
<div>
Some text and notext
<p>Text in paragraph</p>
</div>
</table>
<script type="text/javascript" src="./highlighter.packed.js" ></script>
<script type="text/javascript">
var hl = new highlighter();
hl.add("text", {
//html element in which to wrap text
html: "a",
//element attributes
attributes:{
href: "#click",
rel: "click"
},
//elements css styles
css:{
color: "green",
fontWeight: "bold"
},
//some event callback functions with event objects
events:{
onclick: function(){
alert("You clicked me");
},
onmouseover: function(e){
e = (!e) ? window.event : e;
e.target.style.color = "red";
},
onmouseout: function(e){
e = (!e) ? window.event : e;
e.target.style.color = "green";
}
},
//case insensitive search
ci : true
});
hl.highlight();
</script>
</body>
</html> |
Stumble It!
Bookmark in del.icio.us
Download
