Question

I am using the following Jquery validation plugin inside a colorbox. What I am trying to do is fire off $(this).colorbox.resize(); when the “input” line gets its class modified.

Iv tried to add the resize code in a few spots and its almost working. I just cant seem to add the function where it counts because its still poping scroll bars when the class “error” or “valid” is added or removed but if you click outside of the forms input field the colorbox resize function that I added works.

So, my goal and question is, where do I need to add my colorbox resize so that it fires when the class “error” or “valid” is applied to the input field in my form.

Any help is thanked in advance.

jQuery validation plug-in 1.5.5 was to large to copy here so I put it on Fiddle http://jsfiddle.net/ZHScy/

Answer 1

Well in my case I don’t do any resize. I just let the errors to be overflown

$("#My_Form").colorbox();

$(document).bind('cbox_complete', function(){
    $("#cboxContent, #cboxOverlay, ,#cboxWrapper, #colorbox").css('overflow', 'visible');

});

FYI, it works in IE, FF, Chrome …