Есть ли скрипт скрытия title?

Question

[partyzanx]

Есть ли скрипт скрытия title? У меня на сайте много объектов, у которых есть title, надоели постоянно всплывающие подсказки.

Answer 1

[Stalker_RED]

Array.from(document.querySelectorAll('[title]')).forEach(n=>n.title='')

Comments

[partyzanx]

спасибо, это скрывает title, но title взаимосвязан с другими функциями, которые перестают работать.
в title содержится путь к аудио-файлу, и другой скрипт при нажатии на элемент извлекает путь к файлу из title и проигрывает.

Но с этим скриптом просто убирается title и скрипты проигрывания перестают работать. Интересует именно визуальное скрытие всплывающей подсказки title.

[trushka]

partyzanx, а зачем такие сложности? Пусть в каком-нить data-атрибуте вместо title путь к файлу задаётся..

[partyzanx]

trushka,

;(function(){
 var player = new Audio()
 var buttons = document.querySelectorAll('.sound, table td.ch, table td.p1, table td.p2, table td.p3, table td.en, table td.tc')
 buttons.forEach(btn => btn.addEventListener('click', play))

function play(evt) {
   evt.preventDefault();  // убирает разворот карточки
   evt.stopPropagation(); // убирает разворот карточки
   let title = evt.target.title // из title
   player.src = `/sounds/${title}`
   player.play();
 }

Как переделать этот скрипт, чтобы он обращался в "data-sound" ?

[Stalker_RED]

partyzanx, вместо

let title = evt.target.title // из title
player.src = `/sounds/${title}`

let sound = evt.target.dataset.sound
player.src = `/sounds/${sound}`

или сразу
player.src = `/sounds/${evt.target.dataset.sound}`

[partyzanx]

Stalker_RED, благодарю!

[ой всё]

partyzanx, о боги, дайте мне это развидеть

[Stalker_RED]

partyzanx,
да и селектор можно упростить

;(function(){
    var player = new Audio()
    document.querySelectorAll('[data-sound]').forEach(
        btn => btn.addEventListener('click', play)
    )

function play(evt) {
   evt.preventDefault();  // убирает разворот карточки
   evt.stopPropagation(); // убирает разворот карточки

   player.src = `/sounds/${evt.target.dataset.sound}`
   player.play();
 }
 ...

[partyzanx]

Stalker_RED, ого, спасибо, в долгу не останусь

[Илья]

partyzanx, донаты кинешь?!

Answer 2

[y0u]

Ну что вы в самом деле? Не храните нужную информацию в title, он не для этого предназначен. Храните в data атрибутах.

По теме:

window.onload = function() {
    var links = document.getElementsByTagName("a");
    for (var i = 0; i < links.length; i++) {
        var link = links[i];
        link.onmouseover = function() {
            this.setAttribute("org_title", this.title);
            this.title = "";
        };
        link.onmouseout = function() {
            this.title = this.getAttribute("org_title");
        };
    }
};

https://stackoverflow.com/questions/8078388/hiding...

Comments

[partyzanx]

;(function(){
 var player = new Audio()
 var buttons = document.querySelectorAll('.sound, table td.ch, table td.p1, table td.p2, table td.p3, table td.en, table td.tc')
 buttons.forEach(btn => btn.addEventListener('click', play))

function play(evt) {
   evt.preventDefault();  // убирает разворот карточки
   evt.stopPropagation(); // убирает разворот карточки
   let title = evt.target.title // из title
   player.src = `/sounds/${title}`
   player.play();
 }

Как переделать этот скрипт, чтобы он обращался в "data-sound" ?

[y0u]

partyzanx,

let title = evt.target.dataset.sound; // из data-sound

[partyzanx]

y0u, благодарю!

Answer 3

[trushka]

А ещё, кстати, есть же банальный onclick! То есть, на каждую кнопочьку вместо title пишем onclick="play('адрес_файла')", а

function play(src) {
   player.src = src;
   player.play();
   return false;
 }

Только play() должна быть видна в глобальной области, то есть, лучше, не через функцию задавать, а через window.play = function(src) {} например