Skip to main content
se añadieron 674 caracteres en el cuerpo
Origen Enlace
John
  • 668
  • 4
  • 9

Como normalmente es mejor separar el HTML y el Javascript por la filosofia de separación de intereses, te recomiendo capturar el evento mediante un script.

Te dejo un ejemplo:Primera opción: Capturar evento "Click"

var elems = document.getElementsByClassName('confirmation');
var confirmIt = function (e) {
    var nombre = e.target.dataset.nombre;
    if (!confirm('You really want to delete '+ nombre + ' from list')) e.preventDefault();
};
for (var i = 0, l = elems.length; i < l; i++) {
    elems[i].addEventListener('click', confirmIt, false);
}
<a href="/test/delete?id={{sce.id}}" class="confirmation" data-nombre="{{sce.name}}">Link</a>

Las variables del texto las puedes pasar con un atributo dataSegunda opción: Llamar a una función pasando parametros

function deleteIt(id, nombre) {
  var deleteUrl = window.location.hostname + "/test/delete?id=" + id;
  var texto = "You really want to delete " + nombre + " from list";
  if (confirm(texto)) {
    window.location.href = deleteUrl;
  }
};
<a href="#" onclick="deleteIt(1, 'Nombre')">Borrar Ejemplo estatico</a>
<br>
<a href="#" onclick="deleteIt({{sce.id}}, {{sce.name}})">Borrar Dinamico</a> <-- Solo funcionara tras renderizar las variables.

EDITADO: Se ha agregado una segunda opción.

Como normalmente es mejor separar el HTML y el Javascript por la filosofia de separación de intereses, te recomiendo capturar el evento mediante un script.

Te dejo un ejemplo:

var elems = document.getElementsByClassName('confirmation');
var confirmIt = function (e) {
    var nombre = e.target.dataset.nombre;
    if (!confirm('You really want to delete '+ nombre + ' from list')) e.preventDefault();
};
for (var i = 0, l = elems.length; i < l; i++) {
    elems[i].addEventListener('click', confirmIt, false);
}
<a href="/test/delete?id={{sce.id}}" class="confirmation" data-nombre="{{sce.name}}">Link</a>

Las variables del texto las puedes pasar con un atributo data.

Como normalmente es mejor separar el HTML y el Javascript por la filosofia de separación de intereses, te recomiendo capturar el evento mediante un script.

Primera opción: Capturar evento "Click"

var elems = document.getElementsByClassName('confirmation');
var confirmIt = function (e) {
    var nombre = e.target.dataset.nombre;
    if (!confirm('You really want to delete '+ nombre + ' from list')) e.preventDefault();
};
for (var i = 0, l = elems.length; i < l; i++) {
    elems[i].addEventListener('click', confirmIt, false);
}
<a href="/test/delete?id={{sce.id}}" class="confirmation" data-nombre="{{sce.name}}">Link</a>

Segunda opción: Llamar a una función pasando parametros

function deleteIt(id, nombre) {
  var deleteUrl = window.location.hostname + "/test/delete?id=" + id;
  var texto = "You really want to delete " + nombre + " from list";
  if (confirm(texto)) {
    window.location.href = deleteUrl;
  }
};
<a href="#" onclick="deleteIt(1, 'Nombre')">Borrar Ejemplo estatico</a>
<br>
<a href="#" onclick="deleteIt({{sce.id}}, {{sce.name}})">Borrar Dinamico</a> <-- Solo funcionara tras renderizar las variables.

EDITADO: Se ha agregado una segunda opción.

se añadieron 184 caracteres en el cuerpo
Origen Enlace
John
  • 668
  • 4
  • 9

Puedes capturarComo normalmente es mejor separar el eventoHTML y comprobar el alertJavascript por la filosofia de separación de intereses, te recomiendo capturar el evento mediante un script.

Te dejo un ejemplo:

var elems = document.getElementsByClassName('confirmation');
var confirmIt = function (e) {
    var nombre = e.target.dataset.nombre;
    if (!confirm('Are'You youreally sure?want to delete '+ nombre + ' from list')) e.preventDefault();
};
for (var i = 0, l = elems.length; i < l; i++) {
    elems[i].addEventListener('click', confirmIt, false);
}
<a href="es.stackoverflowhref="/test/delete?id={{sce.com"id}}" class="confirmation">Link<class="confirmation" data-nombre="{{sce.name}}">Link</a>

Las variables del texto las puedes pasar con un atributo data.

Puedes capturar el evento y comprobar el alert.

Te dejo un ejemplo:

var elems = document.getElementsByClassName('confirmation');
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);
}
<a href="es.stackoverflow.com" class="confirmation">Link</a>

Las variables del texto las puedes pasar con un atributo data.

Como normalmente es mejor separar el HTML y el Javascript por la filosofia de separación de intereses, te recomiendo capturar el evento mediante un script.

Te dejo un ejemplo:

var elems = document.getElementsByClassName('confirmation');
var confirmIt = function (e) {
    var nombre = e.target.dataset.nombre;
    if (!confirm('You really want to delete '+ nombre + ' from list')) e.preventDefault();
};
for (var i = 0, l = elems.length; i < l; i++) {
    elems[i].addEventListener('click', confirmIt, false);
}
<a href="/test/delete?id={{sce.id}}" class="confirmation" data-nombre="{{sce.name}}">Link</a>

Las variables del texto las puedes pasar con un atributo data.

Origen Enlace
John
  • 668
  • 4
  • 9

Puedes capturar el evento y comprobar el alert.

Te dejo un ejemplo:

var elems = document.getElementsByClassName('confirmation');
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);
}
<a href="es.stackoverflow.com" class="confirmation">Link</a>

Las variables del texto las puedes pasar con un atributo data.