bug no sistema de title que desenvolvi

[Hugo Borges_120734 6]

Galera desenvolvi um sisteminha de title usando jQuery e css, ele e muito bom e funciona quando chamo a tag title. Porém estou enfrentando 2 bugs que não estou conseguindo resolver.

1º quando coloco uma quandidade muito grande de title em uma pagina, ele para de funcionar, no exemplo que estou postando eu criei um monte de input. Podem perceber que nos primeiros o title funciona, porem nos últimos ele não funciona mais.

2º quando clico no 1º input o title some da página, queria que ele se movesse e ficasse sempre visível.

Bom segue o meu código, desde já agradeço a todos.

https://jsfiddle.net/wrbqxwcr/

[kikombat 16]

Veja se isso resolve.

https://jsfiddle.net/wrbqxwcr/2/

[Hugo Borges_120734 6]

ficou legal, mas vc esta usando o jquey-iu e eu não queria usar ela. Tem alguma solução para o código que estou usando?

[kikombat 16]

Vamos lá então:

https://jsfiddle.net/wrbqxwcr/4/

Como são muitos inputs então o tooltip precisa acompanhar também o rolamento da tela

[Hugo Borges_120734 6]

bom o problema ainda continua, notem que quanto mais input eu tenho mais longe fica o title. Tem como ele gerar a posição automaticamente?

[kikombat 16]

bom o problema ainda continua, notem que quanto mais input eu tenho mais longe fica o title. Tem como ele gerar a posição automaticamente?

No exemplo 4 essa questão foi resolvida, mas telvez tenha ficado algumas pontas soltas

https://jsfiddle.net/wrbqxwcr/6/

[Hugo Borges_120734 6]

ainda esta dando problema, estranho. olha so:

 

[kikombat 16]

ainda esta dando problema, estranho. olha so:

 

O exemplo 6 testei no chrome e também no firefox.

No Chrome funcionou parcialmente, ja no Firefox correu muito bem.

Não tenho como testar em outros browsers.

 

Somente o exemplo 2 fazendo uso da jquery ui correu sem problemas em ambos.