javascript - Alternate z-index between 2 divs on click? -

-

i'm not great js been using trial , error try , figure out how 2 divs swap z-index on click of trigger (button).

i have 2 drawers technically on top of each other , slide out right. on click of 'buy' #quickshopdrawer should open , on click of 'cart' or 'add cart' #cartdrawer should open.

link test store.

my code far making open #cartdrawer on top higher z-index.

js:

drawer.prototype.init = function () { $(this.config.open).on('click', $.proxy(this.open, this));  $('.js-drawer-open-right-two').click(function(){   $(this).data('clicked', true); });  if($('.js-drawer-open-right-two').data('clicked')) {   //clicked element, do-some-stuff   $('#quickshopdrawer').css('z-index', '999'); } else {   //run function 2   $('#cartdrawer').css('z-index', '999'); }  this.$drawer.find(this.config.close).on('click', $.proxy(this.close, this)); };

i've tried more of want it's firing once?

$('.js-drawer-open-right-two').click(function() {   var = $(this).index();   $('.drawer--right').hide();   $('.drawer--right-two' + (i+1)).show(); });

any appreciated!

you need swap z-index of elements on button click. also, can disable button on click user cannot click continiously.

demo

$(document).ready(function() {    $('#buy').on('click', function(e) {      var myzindex = $('#quickshopdrawer').css('z-index');      $('#quickshopdrawer').css('z-index', $('#cartdrawer').css('z-index'));      $('#cartdrawer').css('z-index', myzindex);      $(this).prop('disabled', true).siblings('button').prop('disabled', false);    });      $('#addtocart').on('click', function(e) {      var myzindex = $('#cartdrawer').css('z-index');      $('#cartdrawer').css('z-index', $('#quickshopdrawer').css('z-index'));      $('#quickshopdrawer').css('z-index', myzindex);      $(this).prop('disabled', true).siblings('button').prop('disabled', false);    });    });
button {    position: absolute;    top: 150px;    left: 0;    clear: both;  }  #addtocart {    margin-left: 50px;  }  .red {    position: absolute;    width: 100px;    height: 100px;    background-color: red;    left: 20px;    top: 20px;    z-index: 1;  }  .green {    position: absolute;    width: 100px;    height: 100px;    background-color: green;    z-index: 2;  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>  <div>    <div id="quickshopdrawer" class="red">fdsafdsafdsa</div>    <div id="cartdrawer" class="green">fdsafdsafdsa</div>  </div>  <button id="buy">buy</button>  <button id="addtocart">add cart</button>


Comments

Post a Comment

Popular posts from this blog

c++ - No viable overloaded operator for references a map -

-
i trying use map can make tag names reference number. when try , use it, in code error (6 in total every time reference map): src/main.cpp:25:45: error: no viable overloaded operator[] type 'std::map<std::string, std::string>' const char* idcs = node.child_value(tagmap[3]); this code: #include "pugi/pugixml.hpp" #include <iostream> #include <string> #include <map> int main() { pugi::xml_document doca, docb; std::map<std::string, pugi::xml_node> mapa, mapb; std::map<std::string, std::string> tagmap {{"1", "data"}, {"2", "entry"}, {"3", "id"}, {"4", "content"}}; if (!doca.load_file("a.xml") || !docb.load_file("b.xml")) { std::cout << "can't find input files"; return 1; } (auto& node: doca.child(tagmap[1]).children(tagmap[2])) { co
Read more

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

-
i wish write custom appender on basis of outputstreamappender . wrote following class package tests; import java.io.ioexception; import java.io.outputstream; import ch.qos.logback.core.outputstreamappender; public class myappender<e> extends outputstreamappender<e> { public myappender() { system.out.println("myappender created"); setoutputstream(new outputstream() { @override public void write(int b) throws ioexception { throw new unsupportedoperationexception(); } }); } } then wrote following runner: package tests; import org.slf4j.loggerfactory; import ch.qos.logback.classic.logger; public class runner { private static final logger log = (logger) loggerfactory.getlogger(runner.class); public static void main(string[] args) { //log.addappender(new myappender<iloggingevent>()); log.info("hello world"); } } finall
Read more

java - Cannot secure connection using TLS -

-
i'm trying establish secure socket connection between java client applet (built jdk 1.7.0_75-b13) , vc++ server application. as test vehicle, used vc++ client/server sample found in msdn forums, modified use schannel , able establish socket using cipher suite tls_rsa_with_aes_128_cbc_sha. works of tls 1.0/1.1/1.2. when try opening socket java applet same server application, connection rejected server reporting following: tls 1.0 acceptsecuritycontext failed: 0x80090327 tls 1.1 acceptsecuritycontext failed: 0x80090331 tls 1.2 acceptsecuritycontext failed: 0x80090331 this java code used create socket: debugprint("setting secure connection"); sslsocketfactory sslsocketfactory = (sslsocketfactory) sslsocketfactory.getdefault(); sslsocket sslsocket = (sslsocket) sslsocketfactory.createsocket("127.0.0.1", socketnumber); debugprint("starting handshake"); sslsocket.settcpnodelay(true); sslsocket.setsolinger(false, 0); sslsocket.s
Read more