Désactivé l'une balise (lien) à l'aide de javascript

Quelqu'un comment j'ai désactivé l'une balise (lien) à l'aide de javascript?

Exemple:

<div class="sub-heading">
  Contact Details &nbsp; &nbsp; &nbsp; 
  <a href="./cust_add_edit_customer.php?action=edit_customer_details&amp;cust_code=12761">  
    <img class="imgVA editIconPad" src="../images/edit0.gif" 
      alt="Edit Contact Details" border="0" width="20" height="17">
  </a>
</div>

J'espère désactivé cette une balise après un bouton sur lequel vous avez cliqué.

qui un div ou balise d'ancrage
Vous voulez le désactiver ou de le cacher
Qu'entendez-vous par "désactiver"? Je suppose que vous ne voulez pas que l'utilisateur puisse cliquer dessus et accédez à sa cible. Avez-vous besoin d'empêcher le clic droit,"Ouvrir dans une nouvelle Fenêtre/Onglet"?
Double Possible de Comment faire un lien vers une ancre non cliquable ou désactivé?

OriginalL'auteur Jin Yong | 2009-12-17

javascript

5

Je pense que le plus convivial approche est de cacher le lien. Dans le bouton gestionnaire de clic à faire:
```
document.getElementById('anchorID').style.visibility = 'hidden';
```
Puis de la réactiver:
```
document.getElementById('anchorID').style.visibility = 'visible';
```
OriginalL'auteur Annabelle
4

Utiliser un onclick="this.onclick=function(){return false}" attribut sur la a tag. Si il y a beaucoup de boutons, vous devez parcourir dans un script JavaScript qui ajoute un écouteur d'événement pour click c'est une fonction qui renvoie la valeur false.

OriginalL'auteur Eli Grey
3

Ajouter un id attribut à la a de la marque que vous souhaitez désactiver, puis:
```
document.getElementById('the_id').href = '#';
```
Il sera toujours cliquables et faire défiler la page vers le haut.

OriginalL'auteur nornagon
2

Vous pouvez utiliser jquery
```
 $('sub-heading').attr("disabled", "true");
```
Le sélecteur est incorrect. Pour l'exemple de code HTML, il devrait être $('.sub-heading a').attr("disabled", "true")
Aussi, un handicapé n'est pas un attribut de <a> éléments.

OriginalL'auteur Luke101

Hai

function disableAnchor(obj, disable)
{
    if (disable) {
        var href = obj.getAttribute("href");
        if (href && href != "" && href != null) {
            obj.setAttribute('href_bak', href);
        }
        obj.removeAttribute('href');
        obj.style.color="gray";
    }
    else {
        obj.setAttribute('href', obj.attributes['href_bak'].nodeValue);
        obj.style.color="blue";
    }
}

var Link_Enabled_Flag = false; //disable links - background process changes this to true when it's done

function Check_Link_Enabled(){ return Link_Enabled_Flag; }

<a href="wherever.com" onclick="return Check_Link_Enabled()"></a>

IE et Firefox compatible javascript pour activer ou désactiver une balise d'ancrage

onclick="disableAnchor(this,'verify')"

function disableAnchor(Check_Obj, Check_Id){
var Anchor_id = 's';
thisCheckbox = document.getElementById(Check_Id);
thisAnchor   = document.getElementById(Anchor_id);
if(thisCheckbox.checked){
//alert('Y1');
 Check_Obj.setAttribute('href',''); //Check_Obj.attributes['href_bak'].nodeValue
 Check_Obj.style.color="blue";
//alert('Y2');
}
else{
  //alert('N1');    

var href = Check_Obj.getAttribute('href');
 //alert(href);
 if(href && href != "" && href != null){
 Check_Obj.setAttribute('href_bak', href);
 }
 Check_Obj.removeAttribute('href');
 Check_Obj.style.color="gray";

 //alert('N2');
   } 
 }

OriginalL'auteur Chendur Pandian

1

Supprimer l'attribut href, comme:
```
<a>Edit</a>
```
OriginalL'auteur Per G

Vous pouvez le faire comme ceci:

<a href="javascript:if (links_enabled) document.location='www.example.com';">enabled or disabled link</a>
<br/>
<a href="javascript:links_enabled = true;">enable link</a>
<br/>
<a href="javascript:links_enabled = !links_enabled;">toggle link</a>

Je trouve cela très élégant, et il permettra également d'établir des liens de travail seulement que javascript est activé. En d'autres termes, les liens sont désactivés par défaut.

OriginalL'auteur cregox

Vous pouvez aussi le faire de cette façon...

<a style="cursor:Default; text-decoration:none; color:inherit;">.....</a>

OriginalL'auteur eung

Vous devez vous connecter pour publier un commentaire.