Show confirmation box after clicking a HTML link <a> Topic is solved

[shravaninetha]

i want to display a pop up for my dashboard when a user click delete link.

Code: Select all

<a href="page.php?action=delete&id=$id">Delete</a>

[cuehosting]

here are different types of prompting it and you can use that best suits you

Inline Code:

Code: Select all

<a href="page.php?action=delete&id=$id"  onclick="return confirm('Are you sure?')">Delete</a>

Event Listener:

Code: Select all

<a href="page.php?action=delete&id=$id"  class="alert">Delete</a>

<script type="text/javascript">
    var elems = document.getElementsByClassName('alert');
    var confirmIt = function (e) {
        if (!confirm('Are you sure?')) e.preventDefault();
    };
    for (var i = 0, l = elems.length; i < l; i++) {
        elems[i].addEventListener('click', confirmIt, false);
    }
</script>

Jquery:

Code: Select all

<a href="page.php?action=delete&id=$id"  class="alert">Delete</a>

<script type="text/javascript">
    $('.alert').on('click', function () {
        return confirm('Are you sure?');
    });
</script>

[Alizeh]

here are different types of prompting it and you can use that best suits you

Inline Code:

Code: Select all

<a href="page.php?action=delete&id=$id"  onclick="return confirm('Are you sure?')">Delete</a>

Event Listener:

Code: Select all

<a href="page.php?action=delete&id=$id"  class="alert">Delete</a>

<script type="text/javascript">
    var elems = document.getElementsByClassName('alert');
    var confirmIt = function (e) {
        if (!confirm('Are you sure?')) e.preventDefault();
    };
    for (var i = 0, l = elems.length; i < l; i++) {
        elems[i].addEventListener('click', confirmIt, false);
    }
</script>

Jquery:

Code: Select all

<a href="page.php?action=delete&id=$id"  class="alert">Delete</a>

<script type="text/javascript">
    $('.alert').on('click', function () {
        return confirm('Are you sure?');
    });
</script>

i totally agree with you mate.