Entfernen Sie ein div nach einem Element in einem iframe innerhalb dieser div geklickt wird

Question

Ich habe ein AdSense in einem div und möchte es vor ungültigen Datenverkehr zu schützen. Nachdem jemand in den Anzeigen geklickt hat, sollte er ausgeblendet sein und nach einer gewissen Zeit nicht mehr angezeigt werden.

HTML:

<div id="codeWrapper"> <div id="firstCode">Adsense code here</div> </div>

CSS:

#codeWrapper { position: relative;} 
#firstCode { position: absolute; width: 336px; height: 280px; z-index: 999;} 

JS:

$("#firstCode").click(function() { 
     var date = new Date(); 
     var h = "24"; 
     date.setTime(date.getTime() + (h * 60 * 60 * 1000)); 
     Cookies.set('clicked', 'true', {expires: date, path: '/'}); 

     $(this).parent().remove(); 
}); 

Ich habe JavaScript-Cookie verwendet, um ein Datum zu speichern, an dem auf eine Anzeige geklickt wurde, und um die Ablaufzeit festzulegen.

Es gibt keine Fehler in der Konsole, aber irgendwie funktioniert es nicht.

Answer 1

Tatsächliche Browser erlauben Skripten nicht, den Iframe-Inhalt zu manipulieren, wenn der Iframe einen anderen Server hat. Sie müssen also überprüfen, ob die iframe-URL denselben Server Ihrer aktuellen URL hat.