iniciar tooltips em qualquer elemento que tenha o title

[Hugo Borges_120734 6]

Bom galera estou montando um sistema de tooltips, ele esta funcionando 100%. Porem so funciona em elementos que declaro a class="masterTooltip" e o title="".

 

Preciso que ele seja executado em todos os elementos que contenham o title="".

 

Alguém sabe como posso fazer isso?

 

https://jsfiddle.net/hugoborges/9L45nfjq/

[Rafael R Silva 27]

Essa é facil

 

utilize o seletor [title].

$('[title]').hover(function(){
        // Hover over code
        var title = $(this).attr('title');
        $(this).data('tipText', title).removeAttr('title');
        $('<p class="tooltip"></p>')
        .text(title)
        .appendTo('body')
        .fadeIn('slow');
}, function() {
        // Hover out code
        $(this).attr('title', $(this).data('tipText'));
        $('.tooltip').remove();
}).mousemove(function(e) {
        var mousex = e.pageX + 20; //Get X coordinates
        var mousey = e.pageY + 10; //Get Y coordinates
        $('.tooltip')
        .css({ top: mousey, left: mousex })
});

https://jsfiddle.net/rrsilva88/00acdmuv/1/

[Hugo Borges_120734 6]

hahahah e Rafael vlw de novo.

 

Vc sabe alterar o balão e colocar ele igual e este da foto?

 

 

Com aquela detinha embaixo

[Hugo Borges_120734 6]

estou com um bug estranho, quando você fica passando o mouse de um input para o outro, o title buga, ele some ou fica travado na tela o title errado.

 

Da uma olhada ai:

https://jsfiddle.net/hugoborges/9L45nfjq/1/

 

 

O bug, so ocorre no IE11 e safari

[Rafael R Silva 27]

Não tenho IE =(

Mas tente aumentar a margem dos elementos para não ficar tão proximos!

[Hugo Borges_120734 6]

ok vlw :)