Ich wollte anstatt für jedes Feld ein Tooltip Text zu erstellen und so ,den vorhandenen Title benutzen.
Über Css bekomme ich es nicht richtig hin.
Code
*[title]{
display:none;
}
*[title]:hover{
position:fixed;
display:block;
height:30px;
font-size:24px;
background:grey;
}
Alles anzeigen
Und mit oder und JS klappt das alles auch nicht richtig.
JavaScript
$(document).ready(function(){
var jqueryTooltip ='<div id="tooltip"></div>';
$('body').append(jqueryTooltip);
$('*').hover(function(e){
var title =$(this).attr('title');
if(title !=''){
$('#tooltip').html(title);
var top = e.pageY + 20;
var left = e.pageX + 20;
$('#tooltip').css({ 'top':top, 'left':left,'display':'block'});
}
}).mousemove(function(e){
var top1 = e.pageY + 20;
var left1 = e.pageX + 20;
$('#tooltip').css({ 'top':top1, 'left':left1});
}).mouseout(function(){
$('#tooltip').css('display','none');
});
});
Alles anzeigen
Das ist alles irgendwie murks.
Hat das schon mal einer gemacht ,oder urgendwas im Netz gefunden ohne data() hinzufügen zu müßen und was auch laüft ,weil genau das wollte ich nicht ,ich wollte die vorhandenen title attributen dafür benutzen.