using jquery highlight effect

Question

I would like to use jquery highlight effect to highlight a paragraph with background orange, then when completed, turn on orange background permanently. In this code the second task does not work.

myparagrah = $("#thisParagraph");

turnOrangeOnWarning("This is a warning!");

function turnOrangeOnWarning(t) {           
  myparagrah.text(t).effect("highlight",{'color':'orange'},1000);       
  myparagrah.css("background-color","orange");                      
}

Tesserex · Accepted Answer · 2010-01-11 14:20:03Z

3

your function has it calling the second line immediately after the first. I imagine it is turning orange instantly, rather that a one second highlight that you want. You need to make the second line a callback to your first. Might look something like this (not sure what the correct effect() overload parameters are):

function turnOrangeOnWarning(t) {
    myparagraph.text(t).effect("highlight", {'color':'orange'}, 1000,
        function() { myparagraph.css("background-color", "orange"); }
    );
}

answered Jan 11, 2010 at 14:20

Tesserex

17.3k6 gold badges72 silver badges108 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

using jquery highlight effect

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related