Entfernen tooltip title-tag

Gibt es eine Möglichkeit zum entfernen der tooltip vom title-Attribut, ohne tatsächlich entfernen Sie die Titel.

Ich habe einen link mit einem title-Attribut wie dieses

<a href="url" title="anotherURL"></a>

Ist es wichtig, dass der Titel ist intakt, seit ich Lesen müssen, die url von dort. Alle Updates für diese, die ich gefunden habe, ist zu entfernen Sie das title-Attribut und verwenden es aber in diesem Fall ist dies nicht möglich.

Irgendwelche Ideen?

Warum müssen Sie haben ein title-Attribut, wenn Sie nicht möchten, dass ein tooltip? Der einzige Grund zu haben ein title-Attribut ist, um eine QuickInfo anzuzeigen...
Ich brauche es für swfadress zu Lesen, die eigene url. Ich könnte es mit rel-tags anstelle aber habe Probleme mit dem IE
Wenn Sie möchten, speichern Sie beliebige Daten in einem Attribut, dann verwenden Sie HTML-5 - Daten-*. Missbrauchen Sie nicht ein vorhandenes Attribut mit einem definierten Zweck.

InformationsquelleAutor Tobias | 2011-07-07

  1. 11

    es ist alles über den browser. Es ist der browser , sehen die title als tooltip im browser technische Daten und Interpretationen.

    sollten Sie verwenden, wenn Sie wollen, um Daten zu behandeln wie die, die HTML5-Weg (Hexe, die Sie verwenden können, die in jedem anderen Dokument-Typ, wie es ignoriert wird) und verwenden:

    <a href="url" data-title="anotherURL"></a>

    mit der data- Attribute, es wird kein tooltip als title wird nicht verwendet, und man kann leicht zu bekommen, die mit:

    $("a").attr("data-title")

    aber, werden Sie brauchen, um zu konvertieren Sachen und Sie sagte, dass Sie nicht/können das nicht.

    können Sie leicht umwandeln alle title's in data-title und reinigen Sie den Titel mit

    $("a").attr("data-title", function() { return $(this).attr("title"); } );
$("a").removeAttr("title");

    (alle Codes verwendet werden, mit jQuery Framework)

    InformationsquelleAutor balexandre

  2. 3

    Da Sie nicht markieren Sie diese Frage als jquery, ich nehme an, Sie wäre offen für eine Reine JavaScript-Lösung?

    Folgende Werke (unter Ubuntu 11.04) in Firefox 5, Chrom 12 und Opera 11, ich bin nicht in der Lage zu testen, im IE, aber da bin ich mit querySelectorAll() ich würde vermuten, dass es nicht gut funktionieren würde, wenn überhaupt. Allerdings:

    var titled = document.querySelectorAll('[title]'); //gets all elements with a 'title' attribute, as long as the browser supports the css attribute-selector
var numTitled = titled.length;

for (i=0; i<numTitled; i++){
    titled[i].setAttribute('data-title',titled[i].title); //copies from 'title' to 'data-title' attribute
    titled[i].removeAttribute('title'); //removes the 'title' attribute
}

    JS Fiddle demo.

    Referenzen:

    InformationsquelleAutor David Thomas

  3. 0

    Nicht warum Sie jQuery verwenden, um zu bewegen, diese Informationen aus title element data.

    Führen Sie diese auf element laden:

    $(el).data('url', $(el).attr('title')).attr('title', '');

    Und danach Lesen URL wie diese:

    $(el).data('url');

    Variable el hier ist DOM-element oder element-Selektor.

    InformationsquelleAutor Gedrox

Schreibe einen Kommentar