désactiver href après 1 cliquez sur le code html?

Je veux le href être désactivé après 1 clic, peut-il être fait à l'aide de javascript ou jquery?

S'il vous plaît aider.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns ="http://www.w3.org 1999 xhtml" xml :lang="en">
  <head>
    <style>

     a:link{
       color:#1DAAA1;
     }

     a:visited{
       color:green;
     }

     a:hover{
       background: #ff0000;
       color: #FFF;
     }

    </style>
  </head>
  <body>
    <table width="500" align="center" border="5px solid">
      <tr align="center" >
        <td><a href="http://www.google.com.my/" onclick="return false"> Google </a></td>
        <td><a href="http://www.yahoo.com/"> Yahoo </a></td>
        <td><a href="http://www.bing.com/"> Bing </a></td>
        <td><a href="http://en.wikipedia.org/wiki/Main_Page"> Wikipedia </a></td>
        <td><a href="https://www.facebook.com/"> Facebook </a></td>                         
     </tr>
    </table>
  </body>
</html>

pour jQuery, jetez un oeil à .removeAttr
Salut à trouver la réponse...j'espère qu'il va faire le nécessaire 🙂
Que signifie "désactivé"? Unclickable?
oui,unclickable après 1 cliquez une fois ou visité une fois

OriginalL'auteur Karthik Raj | 2012-11-27

Pur javascript solution:

<script> 
   function clickAndDisable(link) {
     //disable subsequent clicks
     link.onclick = function(event) {
        event.preventDefault();
     }
   }   
</script>
<a href="target.html" onclick="clickAndDisable(this);">Click here</a>

Où est la touche +10?

OriginalL'auteur vmihaylov76

5

juste de l'essayer....
```
a:visited {
 color:green;
 pointer-events: none;
 cursor: default; 
}
```
Warning: The use of pointer-events in CSS for non-SVG elements is experimental.
Ne fonctionne pas dans aucun IE. caniuse.com/#feat=pointer-events
Pourtant, +1 pour une solution créative à l'aide de l'une des moins connues des propriétés CSS.
merci pour le +1.. espérons que je viens de trouver mieux bientôt 🙂
Une chose de plus: JUSQU'à environ pointeur-événements 😉

OriginalL'auteur Ayyappan Sekar
5

C'est l'approche la plus simple à l'aide de jQuery qui empêche les liens en double-cliquant: pas de onclick attributs, id n'est pas requis, pas de href retrait.
```
$("a").click(function (event) {
    if ($(this).hasClass("disabled")) {
        event.preventDefault();
    }
    $(this).addClass("disabled");
});
```
Astuce: vous pouvez utiliser n'importe quel sélecteur (comme button, input[type='submit'], etc.) et il va fonctionner.

La solution idéale, puis-je exclure les liens?
MrPHP, oui, vous pouvez utiliser n'importe quel sélecteur vous voulez, par exemple, au lieu de $("a") utilisation $("button")

OriginalL'auteur Dmitriy
1

cette fois, j'ai essayé avec Javascript... j'espère que ça aidera u:) il suffit d'appeler le dessous de la fonction "onclick()" de la nécessaire href balises...
```
function check(link) {
    if (link.className != "visited") {
       //alert("new");
       link.className = "visited";
       return true;     
    }
    //alert("old");
    return false;
}
```
comme <a href="#" onclick="return check(this);">link here</a>
et voir démo ici

OriginalL'auteur Ayyappan Sekar
1

Pur JavaScript solution pour permettre à l'utilisateur de suivre l'URL une fois:
```
<a id="elementId" 
   href="www.example.com" 
   onclick="setTimeout(function(){document.getElementById('elementId').removeAttribute('href');}, 1);"
   >Clik and forget</a>
```
Une fois cliqué, cela permettra d'éliminer l'attribut href (avec 1 ms d'attente pour permettre à l'action d'origine pour commencer), de faire le lien silencieux. Similaires comme suggéré par Dineshkani, mais l'original de la réplique causés à l'action pour ne pas démarrer du tout sur certains navigateurs.

OriginalL'auteur Mr. Napik

Vous pouvez le faire avec jquery

<a href='http://somepage.com' id='get' onlick='$("#"+this.id).attr("href","")'>Something to be go </a>

Ou avec le javascript

<a href='http://somepage.com' id='get' onlick='document.getElementById(this.id).removeAttribute("href");'>Something to be go </a>

OriginalL'auteur Dineshkani

Basé sur Ayyappan Sekar de réponse, je viens de faire quelque chose de très similaire à l'aide de jQuery:

$('#yourId').click(function (e) {
    if(!$(this).hasClass('visited'))
    {
        $(this).addClass('visited')
        return true;
    }
    else
    {
        $(this).removeAttr("href"); //optional
        //some other code here
        return false;
    }
});

OriginalL'auteur germankiwi

0

dupliquer le même div en html et css, la copie de l'un doit être en dessous de l'original à l'aide de: z-index=-1 et/ou en position:absolute.

initial div onclick="HideMe(ce)"
```
JS:
<script type="text/javascript">
function HideMe(element){
element.style.display='none';
}
</script>
```
il peut-être pas la meilleure façon, mais 100% objectif atteignable.

rappelez-vous: la copie de l'div/ancre ne devez pas inclure l'attribut href.

OriginalL'auteur Omar N Shamali

-1

jQuery solution:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns ="http://www.w3.org 1999 xhtml" xml :lang="en">
<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>        
        <script type="text/javascript">
            function check(link) {
                $(link).replaceWith($(link).text());
            }
        </script>
        <style>

            a:link{
                color:#1DAAA1;

            }
            a:visited{
                color:green;
            }
            a:hover{
                background: #ff0000;
                color: #FFF;
            }

        </style>

    </head>
    <body>

        <table width="500" align="center" border="5px solid">
            <tr align="center" >
                <td><a href="http://www.google.com" target="_blank" onclick="return check(this);"> Google </a></td>
                <td><a href="http://www.yahoo.com" target="_blank" onclick="return check(this);"> Yahoo </a></td>
                <td><a href="http://www.bing.com" target="_blank" onclick="return check(this);"> Bing </a></td>
                <td><a href="http://en.wikipedia.org" target="_blank" onclick="return check(this);"> Wikipedia </a></td>
            </tr>

        </table>
    </body>
</html>

Pourquoi voudriez-vous utiliser jQuery pour cela, et même pas lier les événements?
Je veux href être désactivé après 1 clic, peut-il être fait à l'aide de javascript ou jquery? - Il est clair en question.
il est utile, mais ne peut toujours visiter après reload/actualisation de la page

OriginalL'auteur IT ppl

Vous devez vous connecter pour publier un commentaire.