0
308
ViewsHow can I close layer popup when I click background or button?
The scenario is as follows.
- Default Status (no layer popup)
- When I click the button, layer popup shows.
- Click the button or outside, layer popup will be hide.
I want to close the layer popup when I click background(outside) or button.
How can I do with Vanilla JS or jquery? (based on HTML)
I would appreciate it if you could answer.
·
Juan Pablo Isaza
3 answers
Answer question0
When you open the popup attach a click listener to body that closes it and removes the listener.
·
Juan Pablo Isaza
Report
0
You can use this code
//use by id
document.getElementById(#id).style.display = 'block';
document.getElementById(#id).style.display = 'none';
//use by className
document.getElementById(.className).style.display = 'none';
document.getElementById(.className).style.display = 'block';
or use jQuery
$(document).ready(function(){
$("#id").click(function(event){
// $("#id").toggle();
// $("#id").hide();
// $("#id").show();
});
});
·
Juan Pablo Isaza
Report
0
Set id for your layer in HTML part like id="layerPopup"
Then on your JS code create event for your button
$(document).on('click', '#btnId', function(){
$("#layerPopup").hide();
});
·
Juan Pablo Isaza
Report
Answer question