it-swarm.com.de

Javascript Popup-Alarm bei Link-Klick

Ich benötige eine JavaScript-Warnung "OK"/"Abbrechen", sobald ich auf einen Link klicke.

Ich habe den Warnungscode:

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

Aber wie mache ich das, damit dies nur beim Anklicken eines bestimmten Links funktioniert?

18
user1022585

lass es einfach funktionieren,

<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>
13
ocanal

Sie können das onclick -Attribut verwenden, nur return false wenn du nicht weitermachen willst;

<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>
26
muzuiget

Einzelne Zeile funktioniert gut:

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

Das Hinzufügen einer weiteren Zeile mit einem anderen Link auf derselben Seite funktioniert auch einwandfrei:

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

Dazu müssen Sie den Handler an einen bestimmten Anker auf der Seite anhängen. Für Operationen wie diese ist es viel einfacher, ein Standardframework wie jQuery zu verwenden. Zum Beispiel wenn ich folgendes HTML hätte

HTML:

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

Ich könnte die folgende jQuery verwenden, um ein Ereignis mit diesem bestimmten Link zu verknüpfen.

// 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"
    }
  });

});
3
JaredPar