Добавление в ссылку атрибута onclick

292

15 декабря 2016, 16:27

Нужно подтверждение удаления ссылки на сайте.

Код самой кнопки-ссылки:

function wpfp_remove_favorite_link($post_id) {
    if (wpfp_is_user_can_edit()) {
        $wpfp_options = wpfp_get_options();
        $class = 'wpfp-link remove-parent';
        /*$link = "<a id='rem_$post_id' class='$class' href='?wpfpaction=remove&amp;page=1&amp;postid=". $post_id ."' title='".wpfp_get_option('rem')."' rel='nofollow'>".wpfp_get_option('rem')."</a>";*/
        $link = "<a id='rem_$post_id' class='$class' href='?wpfpaction=remove&amp;page=1&amp;postid=". $post_id ."' title='Удалить' rel='nofollow'>".wpfp_get_option('rem')."</a>";
        $link = apply_filters( 'wpfp_remove_favorite_link', $link );
        echo $link;
    }
}

Как я понимаю, достаточно приставить к ней вот это:

language='javascript' onclick="return confirm('Вы действительно хотите удалить это?')"

Вопрос: как это интегрировать в мою функцию?

Answer 1

Вариант с обработкой ссылок с классом remove-parent.

Дожидаемся загрузки документа.
Выбираем все элементы с классом remove-parent.
Для каждого из этих элементов добавляем обработчик события click.
В обработчике события спрашиваем у пользователя подтверждения. Если пользователь отказался, запрещаем действия по умолчанию (переход по ссылке).

document.addEventListener('DOMContentLoaded', onDomReady); 
 
function onDomReady() { 
    var links = document.getElementsByClassName('remove-parent'); 
    for (var i = 0; i < links.length; i++) { 
        links[i].addEventListener('click', function(event) { 
            if (!confirm('Вы действительно хотите удалить это?')) { 
                event.preventDefault(); 
            } 
        }); 
    } 
};

<a id="rem_447" class="wpfp-link remove-parent" href="?wpfpaction=remove&amp;page=1&amp;postid=447" title="Удалить" rel="nofollow">Ссылка</a>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Динамическая таблица

indexphp

240

HTML

Обертывание определённых слов

В данном примере я хочу в тексте выделить слова "true" и "false" синим цветом и изменить размер шрифтаИспользую функцию

271

HTML

Дергание элементов при скрытии кнопки

При нажатии кнопки "Load More Projects" подгружаются следующие проектыРезко подскакивает следующий блок div при скрытии кнопки, а

261

HTML

document.getElementById(“mySelect”).selectedIndex(ind).value

Есть HTML код:

245