class="tooltip" tabindex="0" aria-label="Apto per a lavavajillas: ¡fácil de netejar!"> Apto per a lavavajillas: ¡fácil de netejar: ¡fácil>" dev. tabindex="0" aria-label="Apto per a lavavajillas: ¡fácil de netejar!"> Apto per a lavavajillas: ¡fácil de netejar!
Si el Python ja genera estructura amb .tooltip/.tooltiptext, no hem fet res - Si genera només , ho envolvem en .tooltip i cream .tooltiptext. */ (function(){ var scopes = document.querySelectorAll('.bh-scope'); scopes.forEach(function(scope){ var swatches = scope.querySelectorAll('.color-swatch'); swatches.forEach(function(swatch){ // Evita duplicar si ja està dins d'un tooltip if (swatch.closest('.tooltip')) return; var label = swatch.getAttribute('aria-label') || swatch.getAttribute('title') || ''; if (!label) return; // Crea contingut tooltip var wrap = document.createElement('span'); wrap.className = 'tooltip'; wrap.setAttribute('tabindex','0'); // accessible per teclat swatch.parentNode.insertBefore(wrap, swatch); wrap.appendChild(swatch); // Crea una burbuja var tip = document.createElement('span'); tip.className = 'tooltiptext'; tip.textContent = label; wrap.appendChild(tip); // Evita la informació emergent del navegador swatch.removeAttribute('title'); }); }); })();