2016-05-04 4 views
0

Ich versuche, einen Dialog so zu machen, dass während es sichtbar ist, es den Zugriff auf den Seiteninhalt verhindert. Wenn ich auf "Akzeptieren" klicke, wird der Dialog ausgeblendet und bei nachfolgenden Besuchen nie wieder angezeigt. wenn ein nicht einverstanden ist, sollte es zu einer anderen Site umleiten, und den Dialog bei den nächsten Besuchen fortwährend darstellen, ich habe eine Menge Probleme damit, ich habe die Umrisse getan, aber ich habe Schwierigkeiten, seine Funktionen zu implementieren. das ist, was ichwährend sichtbar Wie kann ich diesen Dialog verhindern den Zugriff auf den Rest des Seiteninhalts?

<!DOCTYPE html> 
    <body> 

    <div id= Cooky> 

    <h2>Warning</h2> 

    <p>site-usage requires the user’s acceptance of cookie usage before progressing.</p> 
<button id="button" onclick="toggleDiv('Cooky');">agree</button> 
<button id="button" onclick="toggleDiv('Cooky');">diagree</button> 


</div> 

<div> 
this is the rest of the wesbite<br> 


this is the rest of the wesbite<br> 

this is the rest of the wesbite<br> 

</div> 

</body> 




<script type="text/javascript"   src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
<script type="text/javascript"> 
    function toggleDiv(divId) { 
     $("#"+divId).toggle(); 
    } 
</script> 

der Rest des Codes auf jsfiddle ist getan haben: https://jsfiddle.net/a02ma3x5/ bitte einen Blick Dank für Ihre Hilfe im Voraus

Antwort

0

Sie haben mit Overlay versuchen können, jsfiddle

sehen
<div class="overlay active"> 

.overlay.active { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; filter: alpha(opacity=80); z-index:1; }

$('.overlay').toggleClass('active'); 
Verwandte Themen