nuBuilder Forum

Code: Select all

/**
 * Show tooltip on object hover.
 * 
 * @param  {string}  id         Object ID
 * @param  {string}  message    Message to show on object hover
 * @param  {boolean} labelHover TRUE = show message also on label hover
 */
function showTooltip(id, message, labelHover) {

    var label = $("#title_" + id);
    var objName = label.text();
    // Customize you message
    message = objName + "\n\n" + message;

    // Show tooltip on object hover
    $("#" + id).hover(function() {
        $(this).attr("title", message);
    });

    if (labelHover === true) {
        // Show tooltip on label hover
        label.hover(function() {
            $(this).attr("title", message);
        });
    }
}

Code: Select all

function nuLoadEdit() {
    showTooltip("my_object_name1", "This is my first object tooltip!", true);
    showTooltip("my_object_name2", "This is my second object tooltip!", false);
}