Заменить поле заголовка элемента?

Question

Можно ли заменить / отключить поле заголовка в элементе HTML, чтобы я мог создать свое собственное со значением заголовка в нем?

Если нет: в случае стандартного принципа, так ли это "разрешено использовать собственный атрибут для элемента?Или лучше хранить значение заголовка вне элемента, например в массиве JavaScript?

Answer 1

Вы можете написать скрипт для поиска определенных элементов с атрибутом title, удалить атрибут title из указанных элементов и заменить его пользовательскими элементами HTML, содержащими текст заголовка, который появляется при наведении курсора.

Существует множество плагинов для подсказок jQuery, которые делают это, см., Например, qTip .

Answer 2

function showTitle()
{
    var offset = $('#d').offset();
    $('#title').css('left', offset.left+'px');
    $('#title').css('top', (offset.top-10)+'px');
    $('#title').text($('#d').attr('title'));
    $('#title').show();
}
function hideTitle()
{
    $('#title').hide();
}

$('#d').attr('title', 'Changed');
$('#d').hover(showTitle, hideTitle);

http://www.jsfiddle.net/lex_rwx/sj9B4/