jquery - JavaScript popup to show only once -


this script popup fade in box shows when user wants leave webpage.

i trying make show once, when user clicks "x mark" exit, don't want show again. show always, no matter how many times have click exit.

would appreciate help, have limited knowledge in javascript.

javascript

$(document).ready(function() {      $(document).mousemove(function(e) {          $('#exitpopup').css('left', (window.innerwidth/2 - $('#exitpopup').width()/2));         $('#exitpopup').css('top', (window.innerheight/2 - $('#exitpopup').height()/2));          if(e.clienty <= 30)         {             // show exit popup             $('#exitpopup_bg').fadein();             $('#exitpopup').fadein();            }     });      $('#xmark').click(function(){         $('#exitpopup_bg').fadeout();         $('#exitpopup').slideup();     });   });

.css

#exitpopup {     text-align:center;     font-family:arial, helvetica, sans-serif; } #exitpopup h1 {     margin-top:0px;     padding-top:0px;     font-size:55px; } #exitpopup h2 {     margin-top:0px;     padding-top:0px;     font-size:35px;     text-transform:uppercase;     color: #ff5300;     font-weight:bold;     font-style:italic; } #exitpopup p {     text-align:left; } .button-popup {     background-color: #ff5300;     padding:40px;     color:#fff;     border:0px;     font-size:26px;     font-weight:bold; } .input-popup {     border: 5px solid white;     -webkit-box-shadow:          inset 0 0 8px rgba(0, 0, 0, 0.1),                0 0 16px rgba(0, 0, 0, 0.1);     -moz-box-shadow:          inset 0 0 8px rgba(0, 0, 0, 0.1),                0 0 16px rgba(0, 0, 0, 0.1);     box-shadow:          inset 0 0 8px rgba(0, 0, 0, 0.1),                0 0 16px rgba(0, 0, 0, 0.1);     padding: 15px;     background: #ffe2c6;     margin: 0 0 10px 0;     font-weight: bold;     font-size:16px; } #xmark {     position:absolute;     margin-left:-20px;     margin-top:-40px; }

html

<div style="display: none; width:100%; height:100%; position:fixed; background:#000000; opacity: .9; filter:alpha(opacity=0.8); z-index:999998; margin-top:-15px;" id="exitpopup_bg"></div>  <div style=" margin-left: -20px; width:1000px; height:550px; display:none; position:fixed; color:#000; padding:40px 20px 20px 20px;   z-    index:999999; background:rgb(20, 20, 20); background: #f7f7f7; " id="exitpopup">   <div id="xmark"><img src="../slike/x-mark.png" /></div>  </div>

you add counter variable. this:

    $(document).ready(function() {     var counter=0;             ....      if(counter ==0) {         // show exit popup         $('#exitpopup_bg').fadein();         $('#exitpopup').fadein();            counter++;       }  }    });

Comments

Post a Comment

Popular posts from this blog

Linux vanilla kernel on QEMU and networking with eth0 -

i have downloaded , compiled vanilla linux kernel (3.7.1) used busybox ramdisk booted using qemu. qemu command line qemu-system-i386 -kernel bzimage -initrd ramdisk.img -append "root=/dev/ram rw console=ttys0 rdinit=/bin/ash" -nographic -net nic -net user everything goes well. however, can't use networking on vanilla kernel busybox. 'ifup eth0' tells me / # ifup eth0 ip: siocgifflags: no such device i googled internet can' clue... advice nice thank in advance. most there no driver (in example should e1000) loaded or device has name. in /sys/class/net/ should find listing of available net-devices. if there none (besides lo) driver not loaded. in qemu monitor type "info pci" , show pci-address of ethernet card. should this: ... bus 0, device 3, function 0: ethernet controller: pci device 8086:100e ... this device corresponds /sys/devices/pci0000:00/0000:00:03.0/. files "vendor" , "device" must c...
Read more

rdbms - what exactly the undo information lives in oracle? -

some docs says, there "undo tablespaces" implies should create tablespace undo imformation. some docs says, there "undo segment" implies undo information lives in normal tablespaces , use of it's segment. so, undo information lives , organized? earlier releases of oracle database used rollback segments store undo. oracle9i introduced automatic undo management, simplifies undo space management eliminating complexities associated rollback segment management. oracle recommends (oracle 9i , on words) use undo tablespace (automatic undo management) manage undo rather rollback segments. when creating undo tablespace, these automatically created: n undo segments (based on sessions parameter value) named _syssmun$ owned public (usable ops configuration) not manually manageable
Read more

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

request animation frame stops working when exiting fullscreen clicking on original space's safari window. fine if fullscreen mode canceled escape key or calling cancelfullscreen(). steps reproduce: open https://dl.dropboxusercontent.com/u/769042/prezi/safari-fullscreen.html click "draw raf", kittie appears click "fullscreen", go fullscreen click "draw raf", kittie appears go space original safari was, showing "click exit fullscreen mode", click anywhere, out fullscreen click "draw raf", nothing happens what handling click calling: window.requestanimationframe(draw); which draws on canvas context: function draw() { ctx.drawimage(img, math.random()*500|0, math.random()*400|0, 100, 100); } i checked .hidden , .visibilitystate, updated correctly. tested on osx 10.9.3, safari 7.0.4 (9537.76.4). has workaround/solution other switching old settimeout? this sounds webkit bug 88940 : using reque...
Read more