Ist es möglich, den href-Titel zu verbergen?

Question

<a href="link.html" title="Titletext">

...ist der Code.

Ich benötige die title Attribut aufgrund von slimbox aber ich möchte den Titel-Text ausblenden, der angezeigt wird, wenn man mit der Maus über den Link fährt.

Irgendwelche Ideen?

Answer 1

// Suppress tooltip display for links that have the classname 'suppress'

var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
    if (links[i].className == 'suppress') {
        links[i]._title = links[i].title;
        links[i].onmouseover = function() {
             this.title = '';
        }
        links[i].onmouseout = function() {
             this.title = this._title;
        }
    }}

Um zu zitieren Aron Rotteveel Die Antwort des ersten, in meinem Kommentar zur Frage verlinkten Dupe ( Deaktivieren von Browser-Tooltips für Links und <abbr>s )

Answer 2

Sie müssen nicht die title Attribut mit Slimbox. Siehe das Beispiel "Mehrere Bilder" oben auf dieser Seite: http://code.google.com/p/slimbox/wiki/MooToolsAPI .

Sie können einfach die title Attribut von Ihrem Anker, und übergeben Sie das title Text (die Beschreibung Ihres Bildes) in der Slimbox open Funktion, die Sie mit dem Befehl onclick Ereignis Ihres Ankers.

Answer 3

Wäre der einfachste Weg:

Fügen Sie nach der Verwendung Ihrer Slimbox den folgenden Code darunter ein:

$('*[title]').removeAttr('title');

Ich hoffe, es kann helfen

Answer 4

Keine Garantien, aber je nachdem, wie Slimbox funktioniert, können Sie den Titel einfügen und dann etwas wie jQuery verwenden, um ihn zu entfernen ein paar Sekunden nach Seite laden. In der Annahme, dass Slimbox das Attribut Titel indiziert und nach dem Einlesen irgendwo speichert, können Sie es möglicherweise nach diesem Vorgang sicher entfernen.

Answer 5

Könnten Sie nicht einfach eine Schleife durch die Links im DOM ziehen und das Attribut title auf eine leere Zeichenfolge setzen?

var DOMlinks = document.links;
for(i=0;i<DOMlinks.length;i++){
DOMlinks[i].title = ""
}