Popup load


$('#ligne-blog article a').click(function(e) { //Sauf sur mesure
//--------
e.preventDefault();
var ptfUrl = $(this).attr("href");
var ptfUrlContent = ptfUrl + " article";
console.log(ptfUrl);
$('.popup-ptf').remove();
$('#main-content').append('

')
$('.popup-ptf > div > div').load(ptfUrlContent);
console.log(ptfUrlContent);
setTimeout(function() {
$('.popup-ptf > div').append('

');
$('.popup-ptf-close').click(function() {
$('.popup-ptf').remove();
});
}, 500);
//--------
});


CSS


/*----popup portfolio----*/
.popup-ptf {
position: fixed;
top: 0;
left: 0%;
height: 100%;
width: 100%;
color: graytext;
z-index: 999;
display: flex;
justify-content: center;
align-items: center;
}

.popup-ptf strong {
color: #2070ba;
font-size: 18px;
display: block;
margin-bottom: 12px;
margin-top: 22px;
}

.popup-ptf .et_pb_text_inner {
width: 80% !important;
margin:auto;
}

.popup-ptf .et_pb_section {
padding:0;}

.popup-ptf > div {
background: rgba(255,255,255,0.96);
border-radius: 9px;
width: 90vw;
height: 90vh;
max-width: 850px;
max-height: 650px;
overflow-y: scroll;
padding:50px 25px ;
padding-bottom:50px !important;

box-shadow: 0 9px 30px rgba(0,0,0,0.4);
}

.popup-ptf-close {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
opacity: 0.5;
max-width: 20px;