Click here to Skip to main content
15,937,127 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hi everyone I've a problem showing tooltip on hover table td, An appropriate message appear. Problem is that first time message showing correct but on second time its not exact that i want on same td that I'm hovering it. Please refer below code, problem is in condition that has class is_invalid.

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) {
            var div = $(this).find(".valid_message_box");
                if($(this).hasClass("is_valid ")){
                    var dataCell = $(this).text();
                    dataCell == "" ? $(div).html(self.messages.invalidEmpty).show() : $(div).html(self.messages.invalid).show();
            //$(".valid_message_box").css('top', $(this).position().top - 30).css('left', $(this).position().left + $(this).width());
        $('table td').on('mouseout',function(e) {


This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900