Display Popup Using Javascript After This Div is VIsible -
i want display "share popup" when specific div appears. using embedded quiz on website user has answer multiple choice questions gets result. result div class called result_screen_container
.
i have popup it's written triggered time. want trigger when result there after questions finished.
#popup_box { display:none; position:fixed; _position:absolute; left: 50%; top: 50%; z-index:10001; background:#fff; box-shadow: 0px 0px 15px #000; border-radius: 8px; } #popup_box .inner1 { text-align: center; padding:0 40px; color:#000; padding:20px; } #popupboxclose { font-size:0; right:-22px; top:-14px; position:absolute; cursor: pointer; width: 38px; height: 37px; display: block; } /* popup ends */ #fbshare{width:275px;height: auto;overflow: hidden;} .inner-fbshare{width:275px;overflow: hidden;} .inner-fbshare h3{font-size: 19px;margin: 0 0 10px 0;} .inner-fbshare img{width:275px;height:150px;} .outer-fbshare{width:275px;height: 45px;overflow: hidden;} .fbshare_bt { font-size: 22px; background:none repeat scroll 0 0 rgb(64, 94, 159);color:#fff; text-align:center;margin-top:10px;padding: 12px; border-radius: 8px; font-weight: bold; } .fbshare_bt:hover{color:#fff;text-decoration:none;} .close_fbshare{float: right;color: #a3a3a3;text-decoration: none;} .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; }
the div has hidden, then;
var yourdivvisible = document.getelementbyid("yourdivid").style.visibility = "visible"; if(yourdivvisble === true){ */ here display popup */ }
something this?
Comments
Post a Comment