CSS/HTML : Désactiver le texte du lien "hover

Question

Vous savez que lorsque vous passez votre souris sur un lien, la plupart des navigateurs affichent le lien dans le coin inférieur gauche (aka chrome) ou dans la barre d'état ? Comment puis-je désactiver cela ?

Answer 1

La seule façon de le faire est de supprimer les données dans "href" et de les remplacer par un javascript onclick dans lequel vous fixez l'emplacement de la fenêtre à l'url que vous souhaitez.

<a href="http://www.stackoverflow.com/">Go To SO</a>

devient

<a style="cursor: pointer" onclick="javascript: window.location = 'http://www.stackoverflow.com/';">Go To SO</a>

Answer 2

Autre idée : utiliser un redirecteur.

Définissez le lien vers votre propre page (aspx) et, dans cette page, effectuez un transfert de réponse (Response.Transfer). Lorsque vous utilisez une page aspx, vous pouvez utiliser des attributs (dans la chaîne de requête) si vous le souhaitez, afin de l'utiliser pour des liens multiples. Ainsi, l'utilisateur sait qu'il s'agit d'un lien, mais il ne voit pas l'URL réelle lorsqu'il passe la souris dessus.

Answer 3

J'ai rencontré le même problème aujourd'hui et voici une façon originale de le résoudre :

Il suffit de remplacer le <a> avec un <span> et cacher l'adresse dans un composant caché,
Utilisez ensuite Jquery pour créer la redirection de la page / Ajax.

HTML :

  <span class="fake-link" >
        <span class="url" style="display:none;">www.my-url.com</span>
        Go to My-URL page
    </span>

Jquery :

$(function(){
    $('.fake-link').on('click', function(e){
        var url = $(this).find('.url:first').html(); 
        window.location = url;
    });
});

Answer 4

Modifier l'événement onclick :

<a href="#" id="linkid">Link</a>

<script type="text/javascript">
function changeOnClick()  {
    document.getElementById("linkid").onclick=function(e) {
        location.href="http://www.your-site.com";
        return false;
    }
}
window.onload=changeOnClick;
</script>

Vous pouvez remplacer le "#" par ce que vous souhaitez voir apparaître dans la barre d'état.