File: example.html

Recommend this page to a friend!
  Classes of Arturs Sosins   Highlighter   example.html   Download  
File: example.html
Role: Example script
Content type: text/plain
Description: Example script
Class: Highlighter
Highlight words in HTML pages
Author: By
Last change:
Date: 12 years ago
Size: 1,571 bytes
 

Contents

Class file image Download
<!-- /************************************************************* * 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>