So erstellen Sie eine Bestätigungsseite für externe Links

Question

Einige der Download-Links meines Blogs stammen von einigen externen Sites. Ich möchte eine Bestätigungsseite wie diese setzen https://codyhouse.co/demo/simple-confirmation-popup/index.html für diese Links, die einen Haftungsausschluss für die Verwendung der Inhalte der externen Websites sagen. Der Besucher kann entweder zustimmen, fortzufahren oder nicht, auf meine Seite zurückzukehren.

Wie etwas unter:

1. (www.example1.com) Klicken Sie hier zum Download (www.example2.com/download.zip)

2. Goes to (www.example1.com /disclaimer.html) Disclaimer-Seite.

3. Zustimmen (geht www.example2.com/download.zip) oder nicht einverstanden (geht zu www.example1.com)

Vielen Dank im Voraus.

Answer 1

Zuerst müssten Sie alle diese Links auswählen, etwas wie;

var ele = document.querySelectorAll('a[target]'); 

Dies wird Ihnen ein Array aller externen Links (in diesem Fall, dass ich sie wie alle Anker-Links mit einem Zielattribut definiert haben, aber Sie verwenden können, was auch immer)

Die Sie brauchen um das Standardverhalten auf jedem von ihnen zu verhindern (so dass sie nirgendwohin gehen, bevor Sie Ihren Haftungsausschluss gezeigt haben), etwas wie;

for(var i = 0; i < ele.length; i++) { 
    ele[i].onclick = function(e) { 
     e.preventDefault(); 
    } 
}; 

schließlich nach dem prevent, müssen Sie Ihr Pop-up zeigen, und dann gab es die Benutzer zu senden, wenn sie in Ordnung sind, und nichts tun (schließen Sie das Pop-up), wenn sie nicht in Ordnung sind. In diesem Fall bin nur ein confirm Popup mit, ich aber Sie können dies in jedem dom Popup hinzufügen sollten Sie wollen:

if(confirm('really go to this link?')) { 
    window.location = this.href; 
} 

Answer 2

Wenn Sie das gleiche mit einfachen Javascript bestätigen Feld erreichen wollen kann es durch die durchgeführt werden unterhalb des Codeblocks.

function onClickEvent(){ 
    if(confirm("Your Disclaimer !!!")){ 
     //redirect to the url 
     location.href = "http://www.example2.com/download.zip"; 
    } 
    return; 
}