alert javascript

alerta emergente de Javascript en el clic del enlace

Question

Necesito un javascript ''OK'' / ''Cancelar'' alerta una vez que hago clic en un enlace.

Tengo el código de alerta:

<script type="text/javascript">
<!--
var answer = confirm ("Please click on OK to continue.")
if (!answer)
window.location="http://www.continue.com"
// -->
</script>

Pero, ¿cómo lo hago para que solo se ejecute al hacer clic en un determinado enlace?

Answer 1

Para hacerlo, debe conectar el controlador a un anclaje específico en la página. Para operaciones como esta, es mucho más fácil usar un marco estándar como jQuery . Por ejemplo, si tuviera el siguiente HTML

HTML:

<a id="theLink">Click Me</a>

Podría usar el siguiente jQuery para conectar un evento a ese enlace específico.

// Use ready to ensure document is loaded before running javascript
$(document).ready(function() {

  // The ''#theLink'' portion is a selector which matches a DOM element
  // with the id ''theLink'' and .click registers a call back for the 
  // element being clicked on 
  $(''#theLink'').click(function (event) {

    // This stops the link from actually being followed which is the 
    // default action 
    event.preventDefault();

    var answer confirm("Please click OK to continue");
    if (!answer) {
      window.location="http://www.continue.com"
    }
  });

});

Answer 2

Puede usar el atributo onclick , simplemente return false si no desea continuar;

<script type="text/javascript">
function confirm_alert(node) {
    return confirm("Please click on OK to continue.");
}
</script>
<a href="http://www.google.com" onclick="return confirm_alert(this);">Click Me</a>

Answer 3

solo hazlo funcionar,

<script type="text/javascript">
function AlertIt() {
var answer = confirm ("Please click on OK to continue.")
if (answer)
window.location="http://www.continue.com";
}
</script>

<a href="javascript:AlertIt();">click me</a>

Answer 4

Una sola línea funciona bien:

<a href="http://example.com/"
 onclick="return confirm(''Please click on OK to continue.'');">click me</a>

Agregar otra línea con un enlace diferente en la misma página también funciona bien:

<a href="http://.com/"
 onclick="return confirm(''Click on another OK to continue.'');">another link</a>

Answer 5

function alert() {
    var answer = confirm ("Please click on OK to continue.") ;

    if(answer){
        window.location="url";
    }
}