Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

JQuery - "highlight" effect help

Looking at the "highlight" JQuery effect:

http://docs.jquery.com/UI/Effects/Highlight

You can change the background color of any DIV to fade in/out

However, the example is to "highlight" on a "click" event

$("div").click(function () {
      $(this).effect("highlight", {}, 3000);
});

How can I programatically call the highlight method as though it was a function within my code (instead of activate on a 'click' event)?

like image 533
TimJK Avatar asked Aug 17 '09 12:08

TimJK


3 Answers

$("div").effect("highlight", {}, 3000);

As pointed by JorenB this will highlight all the div's in your page.

If you only want to highlight one div like:

<div id="myDiv"></div>

You should do:

$("div#myDiv").effect("highlight", {}, 3000);

If you want to highlight all div's with a specific classe you cand do:

<div id="myDiv1" class="myClass"></div>
<div id="myDiv2" class="myClass"></div>

$("div.myClass").effect("highlight", {}, 3000);

For more information on selectors see JQuery Selectors.

like image 102
Daniel Moura Avatar answered Oct 31 '22 20:10

Daniel Moura


it would simply be

$([your selector]).effect("highlight", {}, 3000);
like image 41
Russ Cam Avatar answered Oct 31 '22 20:10

Russ Cam


You can also achieve that by triggering the click event, if you have that in your click handler anyway:

$('div').click();

or:

$('div').trigger('click');
like image 42
karim79 Avatar answered Oct 31 '22 19:10

karim79