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

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

java - Copying object fields -

c++ - Clear the memory after returning a vector in a function -