Adventures in Keyframes and Code

$('form').highlight();

$(selector).highlight(parentSelector, highlightClass, startEvent, endEvent);

20 Responses to “jQuery “Highlight” plugin”

1. Webio.eu | June 9th, 2008 at 7:15 am

   Hi, I thing i found little css bug,
   for example when i definned the css color for table row via

   tr .odd
   {
   background-color: aqua;
   }

   your style “switcher” will not switch the aqua color with highlighted color for example defined in

   .highlight {
   background-color: gray;
   }

   So the odd wors remain aqua. Can you test this ?
   Thanks o lot Mike

2. Dave Stewart | June 9th, 2008 at 10:21 am

   Hi Mike,
   Well at the moment the plugin adds to (not replaces) the style on the element, so it may be that you need to either

   1) place the .highlight rule after (or is it before?) your .odd rule, so it has a higher precedence
   2) mark .highlight’s background-color as !important (background-color: gray !important;) in the CSS
   3) I could maybe look at adding a “replace” option to the plugin (but I’d rather not!)

   Let me know how you get on.

   Dave

3. Webio.eu | June 12th, 2008 at 8:41 am

   Thanks for answer, Yes the !important helps. Have a Nice day Dave.

4. Adam F | June 23rd, 2008 at 3:36 pm

   Hi there,

   Thanks for the great jQuery plugin, I’m now using it on my website’s contact form!

   -Adam

5. John | January 26th, 2009 at 12:19 am

   Sorry To Bother

   New to web building

   I would really like to use this but i don’t know exactly what to do

   I save the jquery.highlight.js. but don’t know how to use it

   any help would be greatly appreciated

   thanks

6. Dave Stewart | February 25th, 2009 at 1:36 pm

   View the demo page (url above) John, which has all the information you need

7. Drew | July 13th, 2009 at 11:27 pm

   Is there any way to exclude a form field from being highlighted. I have some options that I don’t want to be highlighted. Also do you know of a way for the page to load with the first form option to be already highlighted?

   Thanks

8. Dave Stewart | July 23rd, 2009 at 4:53 pm

   Hi Drew,
   Hmm.. sorry, I don’t think I included that functionality (it’s been a while since I looked at the plugin). Feel free to reverse engineer it though.

   Thinking about it though, the easiest way would be a CSS solution.

   Add a class to those elements you don’t want highlighted, such as class=”no-highlight” with a rule that effectively does the opposite of your highlight rule. Set whichever declaration to !important in the CSS, such as background:none !important, and it should override any highlighting.

   Hope that helps.

9. Roman | August 1st, 2009 at 7:10 pm

   Hi!
   seems demo doesn’t work in Safari (at least v. 4.0) as to radio and check input fields?

10. 3m masr | December 1st, 2009 at 8:33 pm

    we need a detailed documentation for this great plugin please !

11. Dave Stewart | December 5th, 2009 at 1:45 pm

    Yup – click the image above and you’ll get taken to the documentation pages!

12. JT | December 7th, 2009 at 5:04 pm

    Hi,

    How have you licensed your code? What restrictions do you have on its use? I can’t find any indication on your demo web pages or in your source code.

    Thanks,

    JT

13. Dave Stewart | December 10th, 2009 at 1:54 am

    Go ahead and use it JT. If I’ve published it with the intention of people viewing the source, that’s as good as a licence for me.

14. Ask Bjørn Hansen | January 2nd, 2010 at 12:11 am

    I just wanted to comment too that it doesn’t seem to work for radio buttons and check boxes in Safari 4. Otherwise: very neat!

15. Dave Stewart | January 29th, 2010 at 1:16 pm

    Bloody Apple changing things as usual!

    OK – I’ll see what I can do at some point in the near future. Thanks for the heads-up.

16. Gary Stafford | April 10th, 2010 at 3:05 am

    Thanks for the great plug-in. I fitted it to several tables in ASP.NET Web Forms/AJAX-based pages with a few tweaks. Here’s my code for anyone interested:

    function pageLoad() {
$("#priceTable").highlight();
};

    .highlight
{
background-color: #999966;
}

17. JD | April 26th, 2010 at 9:47 am

    I didn’t see anything on your site about licensing? Is this public domain – if I wanted to include it in a commercial application would you have any objections?

18. Dave Stewart | July 21st, 2010 at 10:16 pm

    Go for it

19. Ramesh | September 21st, 2010 at 9:43 am

    m beginer of web progamming so i need suggestion which book is good to learn things fastly…

20. Dave Stewart | October 6th, 2010 at 11:14 am

    Hi Ramesh, bit of a vague question really! I’d suggest reading anything by John Resig, and just playing, playing, playing.

Make a comment or suggestion...