Wie verwende ich eingebettete Javascript, um ein Popup auf Seiten von Drittanbietern zu erstellen?

Question

Ich erstelle ein Popup-Skript, mit dem Benutzer ein Popup auf ihrer Website anzeigen können (ähnlich wie SumoMe oder OptinMonster).

Was ich vermisse ist, wie bekomme ich das Popup auf einer externen Website arbeiten?

Derzeit weiß ich, wie man es auf meiner eigenen Website implementiert, aber es erfordert mehrere Zeilen Code, nämlich ich muss ein DIV haben, das meinen Popup-Code enthält (siehe div id = popup unten). Dann benutze ich Jquery, um das Popup zu öffnen.

Sie können ein Beispiel dafür, was ich versuche, hier zu tun: http://vyper.io/7-ecommerce-growth-hacks/

(Klicken Sie auf die gelbe Taste, um zu sehen).

Ich versuche, mit einem Ansatz zu kommen, der mit EINEM eingebetteten Javascript funktioniert, ähnlich wie die anderen Firmen es tun. Also im Grunde würde die Seite gehören ein

<script src="popup.js"></script> 

und verknüpfen Sie dann auf das Popup wie

<a href="" class="popup>Click here to open the popup!</a> 

Ich hoffe, ich bin klar zu sein. Wie soll ich dieses Problem angehen und was sollte ich beachten?

Answer 1

Sie können Schleife durch alle Elemente, die eine bestimmte Klasse, zum Beispiel ‚Popup‘ und das Popup-Funktionalität denen eins nach dem anderen hinzu:

var popups = document.getElementsByClassName('popup'); 

for (var i = 0; i < popups.length; i++) { 
    popups[i].addEventListener('click', function() { 
     // Add functionality here 
    }); 
} 

JSFiddle