javascript - popup image not changing issue -

-

i trying create popup under popup when try adding thing in place of images not display old image appears. close link not working. knows why happening below code

// modal  var modal = document.getelementbyid('mymodal');    // button opens modal  var btn = document.getelementbyid("mybtn");    // <span> element closes modal  var span = document.getelementsbyclassname("close")[0];    // when user clicks button, open modal  btn.onclick = function() {    modal.style.display = "block";  }    // when user clicks on <span> (x), close modal  span.onclick = function() {    modal.style.display = "none";  }    // when user clicks anywhere outside of modal, close  window.onclick = function(event) {    if (event.target == modal) {      modal.style.display = "none";    }  }    // modal  var modal = document.getelementbyid('mymodal');    // button opens modal  var btn = document.getelementbyid("mybtn2");    // <span> element closes modal  var span = document.getelementsbyclassname("close")[0];      // when user clicks button, open modal  btn.onclick = function() {    modal.style.display = "block";  }    // when user clicks on <span> (x), close modal  span.onclick = function() {    modal.style.display = "none";  }    // when user clicks anywhere outside of modal, close  window.onclick = function(event) {    if (event.target == modal) {      modal.style.display = "none";    }  }
/* modal (background) */    .modal {    display: none;    /* hidden default */    position: fixed;    /* stay in place */    z-index: 1;    /* sit on top */    padding-top: 100px;    /* location of box */    left: 0;    top: 0;    width: 100%;    /* full width */    height: 100%;    /* full height */    overflow: auto;    /* enable scroll if needed */    background-color: rgb(0, 0, 0);    /* fallback color */    background-color: rgba(0, 0, 0, 0.4);    /* black w/ opacity */  }  /* modal content */    .modal-content {    background-color: #fefefe;    margin: auto;    padding: 20px;    border: 1px solid #888;    width: 80%;  }  /* close button */    .close {    color: #aaaaaa;    float: right;    font-size: 28px;    font-weight: bold;  }  .close:hover,  .close:focus {    color: #000;    text-decoration: none;    cursor: pointer;  }  #thumbwrap {    margin: 75px auto;    width: 1190px;    height: 1190px;  }  .thumb {    float: left;    /* must floated same cross browser position of larger image */    /* position:relative;*/    margin: 3px;  }  .thumb img {    border: 1px solid #000;    vertical-align: bottom;  }  .thumb:focus {    border: 0;    /* ie6 needs show large image */    z-index: 1;  }  .thumb span {    position: absolute;    visibility: hidden;    width: 70%;    height: 50%;    background: grey;  }  .thumb:focus span {    visibility: visible;    top: 130px;    left: 100px;  }  .thumb .x {    position: absolute;    top: -11px;    z-index: 1101;    margin: 0px;  }
<h2>modal example</h2>    <!-- trigger/open modal -->  <img id="mybtn" src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg">    <!-- modal -->  <div id="mymodal" class="modal">      <!-- modal content -->    <div class="modal-content">      <span class="close">×</span>      <p>some text in modal..</p>      <div id="thumbwrap">        <a class="thumb" href="#">          <img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""><span><img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt="">jhkjgvfhgcgbfxfdzds\dcs</span>        </a>        <a class="thumb" href="#">          <img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""><span><img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""></span>        </a>        <a class="thumb" href="#">          <img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""><span><img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""></span>        </a>        <a class="thumb" href="#">          <img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""><span><img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""></span>        </a>        <a class="thumb" href="#">          <img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""><span><img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""></span>        </a>        <a class="thumb" href="#">          <img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""><span><img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""></span>        </a>        <a class="thumb" href="#">          <img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""><span><img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""></span>        </a>        <a class="thumb" href="#">          <img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""><span><img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""></span>        </a>        <a class="thumb" href="#">          <img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""><span><img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""></span>        </a>      </div>      </div>    </div>    <h2>modal example</h2>    <!-- trigger/open modal -->  <img id="mybtn2" src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg">    <!-- modal -->  <div id="mymodal" class="modal">      <!-- modal content -->    <div class="modal-content">      <span class="close">×</span>      <p>some text in modal..</p>      <div id="thumbwrap">        <a class="thumb" href="#">          <img src="http://www.websitecodetutorials.com/code/images/jamie-.jpg" alt=""><span><iframe width="560" height="315" src="https://www.youtube.com/embed/qjzbjhrec7k" frameborder="0" allowfullscreen></iframe>jhkjgvfhgcgbfxfdzds\dcs<a class="x" href="#thumbwrap" data-rel="back" style="display:block;">close</a></span>         </a>        <a class="thumb" href="#">          <img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""><span><img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""></span>        </a>        <a class="thumb" href="#">          <img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""><span><img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""></span>        </a>        <a class="thumb" href="#">          <img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""><span><img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""></span>        </a>        <a class="thumb" href="#">          <img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""><span><img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""></span>        </a>        <a class="thumb" href="#">          <img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""><span><img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""></span>        </a>        <a class="thumb" href="#">          <img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""><span><img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""></span>        </a>        <a class="thumb" href="#">          <img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""><span><img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""></span>        </a>        <a class="thumb" href="#">          <img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""><span><img src="http://www.websitecodetutorials.com/code/images/jamie-small1.jpg" alt=""></span>        </a>      </div>      </div>    </div>


Comments

Post a Comment

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

-
i trying work entity inside request method of spring boot application. entity in project , pom.xml has dependencies it. why error message?: org.hibernate.unknownentitytypeexception: unable locate persister: com.ric.bill.model.bs.par package com.ric.web; import java.util.concurrent.atomic.atomiclong; import javax.persistence.entitymanager; import javax.persistence.persistencecontext; import net.sf.ehcache.cachemanager; import net.sf.ehcache.management.cache; import net.sf.ehcache.management.cachestatistics; import org.hibernate.stat.statistics; import org.springframework.beans.factory.annotation.autowired; import org.springframework.boot.autoconfigure.domain.entityscan; import org.springframework.cache.annotation.enablecaching; import org.springframework.transaction.annotation.enabletransactionmanagement; import org.springframework.transaction.annotation.propagation; import org.springframework.transaction.annotation.transactional; import org.springframework.web.bind.annotati
Read more

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

-
i implementing go program uses bufio.scanner , bufio.writer have packaged code follows package main import ( "fmt" "player/command" "strings" ) func main() { //enter code here. read input stdin. print output stdout commands.scanner.scan() { //scan new line , send comand variable check command exist or not input := strings.split(strings.trim(commands.scanner.text(), " "), " ") command := input[0] if command == "" { fmt.printf("$ %s:", commands.pwd) continue } if !commands.commands[command] { commands.throwerror("cannot recognize input.") } else { commands.execute(command, input[1:], nil) } fmt.printf("$ %s:", commands.pwd) } } i using init.go file in main package follows package main import ( "flag" "player/sourc
Read more

c - double free or corruption (fasttop) -

-
this code reads null terminated string file (file containing null terminated strings & should provide index wanted string). error: *** error in `./main': double free or corruption (fasttop): 0x090a4a80 *** aborted code: char *tmp_realloc=null; char *sstring=null; int i=1; /*set file pointer point string*/ fseek(fh,index,seek_set); sstring=(char*)malloc(sizeof(char)); if(sstring == null) return null; tmp_realloc=sstring; while( (*(sstring+i-1)=(char)fgetc((file*)fh)) != 0x0 ) { /*reallocate more memory*/ tmp_realloc=(char*)realloc((char*)sstring,++i); /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strcpy((char*)tmp_realloc,(char*)sstring); free(sstring); sstring=tmp_realloc; } } could tell me pointer causing issue (& reason) ? remove part /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strc
Read more