Popup-Meldung für ganze Seite, die im Zusammenhang mit dem Alarm aktiviert werden soll

Ich habe eine Website, auf der Sie erfolgreich erkennen können, ob Sie Chrome als Browser verwenden und es einwandfrei funktioniert.Popup-Meldung für ganze Seite, die im Zusammenhang mit dem Alarm aktiviert werden soll

Die Codierung für dieses „Element“ ist -

var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor); 
if(isChrome){ 
    alert("Chrome is detected"); 
}

Das andere Element ist eine transparente ganze Seite Meldung. Dies funktioniert auch perfekt, wenn Sie eine HTML-Schaltfläche zum Aktivieren der Nachricht verwenden. Aber ich brauche das Pop-up um in Javascript aktiviert zu werden nicht auf einen Button klicken, ich möchte es aktivieren, in der Zeile alert("Chrome is detected"); oben. Die Codierung für dieses Element ist unten und Sie werden sehen, was ich meine ...

<!DOCTYPE html> 
<head> 
<style> 
.button{ width: 150px; padding: 10px; background-color: #FF8C00; box-shadow: -8px 8px 10px 3px rgba(0,0,0,0.2); font-weight:bold; text-decoration:none; 
} 
#cover{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:5; width:100%; height:100%; display:none; 
} 
#loginScreen{ height:380px; width:340px; margin:0 auto; position:relative; z-index:10; display:none; background-color: white; no-repeat; border:5px solid #cccccc; border-radius:10px; 
} 
#loginScreen:target, #loginScreen:target + #cover{ display:block; opacity:2; 
} 
.cancel{ display:block; position:absolute; top:3px; right:2px; background:rgb(245,245,245); color:black; height:32px; width:32px; font-size:30px; text-decoration:none; text-align:center; font-weight:bold; border-radius:36px; 
} 
</style> 
</head> 
<body> 
<div id="top" align="center"> 

<!-- PLEASE DIRECT YOUR ATTENTION TO THE LINE BELOW --> 
<a href="#loginScreen" class="button" id="thebutton">Click here to Log In</a> <!-- THIS IS HOW THE POP UP IS ACTIVATED BUT I NEED TO ACHIEVE THIS LINE IN JAVASCRIPT --> 

</div> 
<div id="loginScreen"> 
<span style="font-size:30px">Attention User!</span> 
<a href="#" class="cancel" id="exitbutton">&times;</a> 
</div> 
<div id="cover" ></div> 
</body> 
</html>

Jede Hilfe wäre willkommen!

Quelle

2016-07-01 user5286985

Wie der Titel auf die Frage verwandt ist? – Teemu

Wenn Sie will Ihr Popup öffnen, wenn func wenn sie wahr erkannt wird, der Code wie folgt ändern:

if(isChrome){ 
    // alert("Chrome is detected"); 
    $("#exitbutton").trigger('click'); // 
}

Quelle

2016-07-01 07:52:20 mehmetakifalp

Tut mir leid, aber es tut nichts, PS: Ich benutze Jquery nicht in meinen Webseiten, wenn ich helfen kann, sorry. – user5286985

Hallo, können Sie wie folgt verwenden: var el = document.getElementById ('# exitbutton'); el.onclick(); – mehmetakifalp

Aber würde ich die .onclick(); um das Pop-Up-Disappear zu machen? @ mehmetakifalp – user5286985

Ich denke nicht, Sie werden in der Lage zu triggerclick auf einem Anker-Tag mit href.

können Sie verwenden window.location.href

if(isChrome){ 
    var href = $('#thebutton').attr('href'); 
     window.location.href = href; 
    //alert("Chrome is detected"); 

}

JSFIDDLE

Quelle

2016-07-01 07:58:52 brk

Wenn ich den Knopf löste, weil ich es nicht mehr will, hörte die ganze Sache auf zu arbeiten – user5286985

Vielleicht könnte ich einen Knopf anhängen, der irgendwie die Anzeige des #loginScreen und #cover zu niemandem setzen würde, aber ich versuchte und es didn ' t arbeiten aber ich denke, jemand anderes könnte dazu in der Lage sein – user5286985

** Ich will es nicht mehr ** dann, wie Sie es auslösen und auf welches Element Sie href Attribut hinzufügen möchten? – brk

Popup-Meldung für ganze Seite, die im Zusammenhang mit dem Alarm aktiviert werden soll

Antwort

Verwandte Themen