html - After closing once and reopening, css modal cannot be dismissed -


this code using auto popup css modal. problem when auto popup comes on second time on same page, cannot close clicking close button. there way close clicking on background ? if yes code should add ? thanks.

jsfiddle

<div class="popup-wrapper" id="popup">   <div class="popup-container">     <!-- konten popup, silahkan ganti sesuai kebutuhan -->     <form action="http://www.syakirurohman.net/2015/01/tutorial-membuat-popup-tanpa-javascript-jquery.html#" method="post" class="popup-form">       <h2>ikuti update !!</h2>       <p>daripada hanya melihat demo untuk popup-nya saja, lebih baik masukkan juga email anda agar mendapatkan pemberitahuan saat ada update posting menarik lain seperti ini.<br/>         <strong>percayalah, saya hanya akan mengirim sesuatu yang bermanfaat untuk anda :)</strong>       </p>       <div class="input-group">         <p><input type="email" name="email" placeholder="email address"></p>         <p>           <input type="hidden" name="action" value="subscribe">           <input type="hidden" name="source" value="http://www.syakirurohman.net/2015/01/tutorial-membuat-popup-tanpa-javascript-jquery.html">           <input type="hidden" name="sub-type" value="widget">           <input type="hidden" name="redirect_fragment" value="blog_subscription-2">           <input type="hidden" id="_wpnonce" name="_wpnonce" value="aaf0b68fcd">           <input type="submit" value="submit" name="jetpack_subscriptions_widget">         </p>       </div>     </form>     <!-- konten popup sampai disini--><a class="popup-close" href="#popup">x</a>   </div> </div>

the css

/* style untuk link popup */  a.popup-link {     padding: 17px 0;     text-align: center;     margin: 10% auto;     position: relative;     width: 300px;     color: #fff;     text-decoration: none;     background-color: #ffba00;     border-radius: 3px;     box-shadow: 0 5px 0px 0px #eea900;     display: block; } a.popup-link:hover {     background-color: #ff9900;     box-shadow: 0 3px 0px 0px #eea900;     -webkit-transition: 1s;     transition: 1s; } /* end link popup*/ /* animasi popup */  @-webkit-keyframes autopopup {     {         opacity: 0;         margin-top: -200px;     }     {         opacity: 1;     } } @-moz-keyframes autopopup {     {         opacity: 0;         margin-top: -200px;     }     {         opacity: 1;     } } @keyframes autopopup {     {         opacity: 0;         margin-top: -200px;     }     {         opacity: 1;     } } /* end animasi popup */ /*style untuk popup */  #popup {     background-color: rgba(0, 0, 0, 0.7);     position: fixed;     top: 0;     left: 0;     right: 0;     bottom: 0;     margin: 0;     -webkit-animation: autopopup 2s;     -moz-animation: autopopup 2s;     animation: autopopup 2s; } #popup:target {     -webkit-transition: 1s;     -moz-transition: 1s;     transition: 1s;     opacity: 0;     visibility: hidden; } @media (min-width: 768px) {     .popup-container {         width: 600px;     } } @media (max-width: 767px) {     .popup-container {         width: 100%;     } } .popup-container {     position: relative;     margin: 7% auto;     padding: 30px 50px;     background-color: #fafafa;     color: #333;     border-radius: 3px; } a.popup-close {     position: absolute;     top: 3px;     right: 3px;     background-color: #333;     padding: 7px 10px;     font-size: 20px;     text-decoration: none;     line-height: 1;     color: #fff; } /* end style popup */ /* style untuk isi popup */  .popup-form {     margin: 10px auto; } .popup-form h2 {     margin-bottom: 5px;     font-size: 37px;     text-transform: uppercase; } .popup-form .input-group {     margin: 10px auto; } .popup-form .input-group input {     padding: 17px;     text-align: center;     margin-bottom: 10px;     border-radius: 3px;     font-size: 16px;     display: block;     width: 100%; } .popup-form .input-group input:focus {     outline-color: #fb8833; } .popup-form .input-group input[type="email"] {     border: 0px;     position: relative; } .popup-form .input-group input[type="submit"] {     background-color: #fb8833;     color: #fff;     border: 0;     cursor: pointer; } .popup-form .input-group input[type="submit"]:focus {     box-shadow: inset 0 3px 7px 3px #ea7722; } /* end style isi popup */


-

Comments

Post a Comment

Popular posts from this blog

java - UnknownEntityTypeException: Unable to locate persister (Hibernate 5.0) -

Image
in code below when try execute main.java getting exception: exception in thread "main" org.hibernate.unknownentitytypeexception: unable locate persister: com.np.vta.test.pojo.users @ org.hibernate.internal.sessionfactoryimpl.locateentitypersister(sessionfactoryimpl.java:792) @ org.hibernate.internal.sessionimpl.locateentitypersister(sessionimpl.java:2637) @ org.hibernate.internal.sessionimpl.access$2500(sessionimpl.java:164) @ org.hibernate.internal.sessionimpl$identifierloadaccessimpl.<init>(sessionimpl.java:2575) @ org.hibernate.internal.sessionimpl$identifierloadaccessimpl.<init>(sessionimpl.java:2562) @ org.hibernate.internal.sessionimpl.byid(sessionimpl.java:1044) @ org.hibernate.internal.sessionimpl.get(sessionimpl.java:955) @ com.app.test.main.main(main.java:20) but if uncomment cfg.addclass( users.class ).addresource( "com/np/vta/test/pojo/users.hbm.xml" ); code works fine. why not reading <mapping...
Read more

python - ValueError: empty vocabulary; perhaps the documents only contain stop words -

i'm using (for first time) scikit library , got error: valueerror: empty vocabulary; perhaps documents contain stop words file "c:\users\a605563\desktop\velibprojetpreso\traitementtwitterdico.py", line 33, in <module> x_train_counts = count_vect.fit_transform(filetweets) file "c:\python27\lib\site-packages\sklearn\feature_extraction\text.py", line 804, in fit_transform self.fixed_vocabulary_) file "c:\python27\lib\site-packages\sklearn\feature_extraction\text.py", line 751, in _count_vocab raise valueerror("empty vocabulary; perhaps documents contain stop words but don't understand why that's happening. import sklearn sklearn.feature_extraction.text import countvectorizer import pandas pd import numpy import unicodedata import nltk tweetsfile = open('tweets2015-08-13.csv', 'r+') f2 = open('analyzer.txt', 'a') print tweetsfile.readline() count_vect = countvectorizer(strip_accents='ascii...
Read more

ubuntu - collect2: fatal error: ld terminated with signal 9 [Killed] -

Image
i'm trying build precimonious on ubuntu 16.04.3 x64. allocated 1gb memory it. file structure looks like ~ |--- llvm/ |--- precimonious/ where llvm on version 3.0 mentioned @ https://github.com/corvette-berkeley/precimonious#requirement . followed steps on readme command make ended with ... llvm[1]: linking debug shared library libllvm-3.0.so collect2: fatal error: ld terminated signal 9 [killed] compilation terminated. ... i went through answers online , might because there's not enough memory perform link. memory usage the gcc version on machine gcc version 5.4.0 20160609 (ubuntu 5.4.0-6ubuntu1~16.04.4) , installed via apt-get install build-essential . fresh droplet created on digitalocean btw. appreciated. it memory exhaustion. sampling interval memory measurement not small enough covers exact point oom killer kicks in. depending on container/vm technology, may able set vm.overcommit_memory=2 before build, process not killed (but doing requires m...
Read more