Отключить <a> после нажатия на него

У меня есть следующая проблема. Код ниже дает мне ссылку для выполнения удаления строки в моей таблице.Отключить <a> после нажатия на него

Эта ссылка вызывает подтверждение, чтобы пользователь подтвердил или не удалил.

Что я хочу сделать после подтверждения: <a> отключается. Как мне это сделать?

<a class="actionIcon" onclick="if (confirm('Tem a certeza que quer fechar o ticket \&quot;You can \&quot;?')) { var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'post'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', 'sf_method'); m.setAttribute('value', 'delete'); f.appendChild(m);var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_csrf_token'); m.setAttribute('value', 'cd78fd1b6aa79fa78c338a94951912f2'); f.appendChild(m);f.submit(); };return false;" href="/qdPM/index.php/tickets/delete/id/4162/projects_id/71/redirect_to/ticketsList"><img title="Fechar" class="iconDelete"></a>

источник

2014-12-01 RitxPT

Вы уже манипулируете формой, так что вы пытались решить это самостоятельно? – kero

Мое добро, почему на Земле это все INLINE? сделать функцию, вызвать ее и добавить класс, чтобы отключить ссылку! Изменить: мой скроллер просто совершил самоубийство. – briosheje

lol, если вы уже используете onClick ... затем удалите тег, добавьте еще один элемент, onClick проверьте var, после того, как подтвердите put var с другим значением et voilà, проблема решена! –

Как быстро исправить, вы можете просто добавить: this.onclick = function() {return false;} в обработчик событий.

Но как более надежное решение, вы действительно, действительно, действительно НЕ должны использовать встроенные обработчики событий, особенно не для чего-то столь сложной.

источник

2014-12-01 17:23:03

с JQuery

<a class="actionIcon" id="action"><img title="Fechar" href="/qdPM/index.php/tickets/delete/id/4162/projects_id/71/redirect_to/ticketsList" class="iconDelete"></a> 

$(function() 
{ 
    $("#action").click(function() 
    { 
     if (confirm('Tem a certeza que quer fechar o ticket \&quot;You can \&quot;?')) 
     { 
      var f = document.createElement('form'); 
      f.style.display = 'none'; 
      this.parentNode.appendChild(f); 
      f.method = 'post'; 
      f.action = this.href; 
      var m = document.createElement('input'); 
      m.setAttribute('type', 'hidden'); 
      m.setAttribute('name', 'sf_method'); 
      m.setAttribute('value', 'delete'); 
      f.appendChild(m); 
      var m = document.createElement('input'); 
      m.setAttribute('type', 'hidden'); 
      m.setAttribute('name', '_csrf_token'); 
      m.setAttribute('value', 'cd78fd1b6aa79fa78c338a94951912f2'); 
      f.appendChild(m); 
      f.submit(); 
     } 

     $(this).attr("disabled", true); 
     return false; 
    }); 
});

источник

2014-12-01 17:39:46

1 - CSS> Создать класс с инвалидами;

a.ActiveAnchor { 
    pointer-events: none; 
    cursor: default; 
}

2- Измените класс на jquery;

$("#AchorID").toggleClass(className, addOrRemove);

источник

2014-12-01 17:49:35

Отключить <a> после нажатия на него

ответ

Смежные вопросы