Cacher les balises de titre sur le vol stationnaire

J'ai regardé à travers les questions précédentes et aucun d'eux n'a vraiment fonctionné pour moi, j'ai vérifié sur google et les informations que j'ai trouvé semble assez vague, donc je pensais que je voudrais essayer ici.

Quelqu'un est-il au courant/ou ont s'attaquer au problème des balises de titre de l'affichage sur le vol stationnaire. J'ai une série de liens et d'images qui seront attribuées les balises de titre, cependant, certains d'entre eux seront affichant des informations qui feraient mieux de ne pas popping up sur le vol stationnaire.

Est-il une fonction globale, je pourrais utiliser pour l'appliquer à toutes sortes de balises de titre? Un exemple serait comme suit:

<a href="service.php" title="services for cars" />

Si possible, je voudrais désactiver le titre "services de voitures", figurant sur le vol stationnaire.

Merci encore.

OriginalL'auteur Aaron Lee | 2011-11-10

  1. 10

    Cela devrait fonctionner très bien pour désactiver seul titre:

    <a href="service.php" title="services for cars" onmouseover="this.title='';" />

    Si vous avez besoin du titre par la suite, vous pouvez le restaurer:

    <a href="service.php" title="services for cars" onmouseover="this.setAttribute('org_title', this.title'); this.title='';" onmouseout="this.title = this.getAttribute('org_title');" />

    De cette façon n'est pas générique mais.. pour l'avoir appliqué à tous les ancres, ont un tel code JavaScript:

    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");
        };
    }
};

    En direct des cas de test.

    Edit: pour appliquer la même pour plus de balises (par exemple,<img>) d'abord déplacer la base du code d'une fonction:

    function DisableToolTip(elements) {
    for (var i = 0; i < elements.length; i++) {
        var element = elements[i];
        element.onmouseover = function() {
            this.setAttribute("org_title", this.title);
            this.title = "";
        };
        element.onmouseout = function() {
            this.title = this.getAttribute("org_title");
        };
    }
}

    Puis modifiez le code pour:

    window.onload = function() {
    var links = document.getElementsByTagName("a");
    DisableToolTip(links);
    var images = document.getElementsByTagName("img");
    DisableToolTip(images);
};
    Génie, fonctionne parfaitement, merci pour cette.
    Cheers! Juste une remarque, le window.onload va "remplacer" tout autres événements onload vous pourriez avoir donc, gardez cela à l'esprit. 🙂
    L'édition fonctionne aussi, mais seulement pour les balises, pourrait-il ne fonctionne pas pour les images aussi?
    Juste assez de @Aaron, voir mon edit.
    Encore une fois merci, mais... je ne peux toujours pas le faire fonctionner, je l'ai placé dans un violon: jsfiddle.net/yjQwp j'ai inclus le fichier js dans mon balises d'en-tête, et puis l'espoir qu'il pourrait fonctionner, mais il n'a tout simplement pas.

    OriginalL'auteur Shadow Wizard

  2. 8

    Si votre raisonnement pour l'utilisation du "titre" de la balise est pour Aria de la conformité, de l'utilisation de l'aria-label à la place.

    <a href="service.php" aria-label="services for cars" />
    c'est ce dont j'avais besoin. Merci!

    OriginalL'auteur Brad

  3. 2

    Essayez de définir deux titres, un vide qui sera choisi par le navigateur comme info-bulle et puis celui dont vous avez besoin:

        <a href="service.php" title="" title="services for cars" />

    OriginalL'auteur Gewitter

  4. 0

    Vous ne pouvez pas les désactiver en raison de Sa une partie générique de navigateurs /spécification html. Mais je suis conscient que vous pouvez le style à l'aide de css et de javascript, donc un display:none correctement devrait pouvoir être utilisé quelque part.

    look ici

    Ce serait bien fonctionner, cependant son seul CSS3 et nous en avons besoin pour être compatible avec tous les navigateurs.

    OriginalL'auteur AlexMorley-Finch

  5. 0

    Bien que cela a déjà été abordée dans la norme JS.

    Ici est un jQuery solution.

    $('a').hover( 
  function() {
        $(this).attr("org_title", $(this).attr('title'));
        $(this).attr('title', '');
  }, function() {
        $(this).attr('title', $(this).attr("org_title"));
  }
);

    OriginalL'auteur user1048682

  6. 0

    Une alternative simple est d'utiliser le CSS sur le conteneur de l'image (le div ou une):

    pointer-events: none;
cursor: default;

    OriginalL'auteur Manarbre