Comments by Ravi K.Singh (Top 6 by date)

Hi
I've tried that code on window load but still not working.

Thanks

yes, your guess is correct, here is my code. Please refine the if you have some time. Thanks

$( document ).ready(function() {
popup.showStyle();
indicator.tooltipMessage();

$(".btn_approve").click(function (e) {
e.preventDefault();
var $el = $(this);
$el.parents("tr").remove();
});
});

// Indicator tooltips
var indicator = {
messages : {
valid : "It is a Valid Change",
invalid : "It is an Invalid Change",
invalidEmpty : "You can not have an empty Name"
},
tooltipMessage : function(){
var self = this;

$('table td').on('mouseover',function(e) {
e.preventDefault();
var div = $(this).find(".valid_message_box");
if(div){
if($(this).hasClass("is_valid ")){
$(div).html(self.messages.valid).show();
return;
}
else if($(this).hasClass("is_invalid")){
var dataCell = $(this).text();
dataCell == "" ? $(div).html(self.messages.invalidEmpty).show() : $(div).html(self.messages.invalid).show();
return;
}
}
//$(".valid_message_box").css('top', $(this).position().top - 30).css('left', $(this).position().left + $(this).width());
});
$('table td').on('mouseout',function(e) {
$(this).find(".valid_message_box").hide();
});
}
}

Thanks Prasad for answer, I've already tried this but not working. The problem is ,I've two quote images before and after string text and if length of string be too long then quote images no behaving in actula position.
I want something like this structure :-

<img_quote_start>a_long_string_here_a_long_string_here_a_long_string_here
a_long_string_here_a_long_string_here_a_long_string_here_a_lo
ng_string_here_a_long_string_here_a_long_string_here_a_long_s
tring_here<img_quote_end>

But problem is that I've Html input type text ,except asp.net text boxes.