javascript - Mapping between button and word for tooltip -


while selecting quantity during order placement have 2 buttons, - , +, decreases/increases quantity number (not beyond min , max amount).

after reaching min, - button grayed out. after reaching max, + button grayed out. tooltip appears says quantity cant less <min> or quantity cant more <max>.

if ($button.hasclass("minus") && $quantity <= $("#dropdown").data("min")) {   $button.addclass("grayout");   $("#tooltip").html("quantity can't less " + $("#centerbox").html()).show(); } else if ($button.hasclass("plus") && $quantity >= $("#dropdown").data("max")) {   $button.addclass("grayout");   $("#tooltip").html("quantity can't more " + $("#centerbox").html()).show(); }

i have if else statement job. since contents of if else blocks same except "less" , "more". whats best way optimize code?

all elements created js:

var $centerbox = $("<div>",{id:"centerbox"}); var $negbutton = $("<input>",{type:"button","class":"custombutton minus",value:"-"}); var $posbutton = $("<input>",{type:"button","class":"custombutton plus",value:"+" });

these 3 elements siblings of conainer div. var $button = $(ev.target); created onclick event on button elements.

things have tried (but not yet satisfied):

  • have conditions clubbed "||" , within block, check class again , modify text accordingly.
  • have map outside of function maps button element word
  • modify tooltip text cant go beyoond range <min> , <max>


Comments

Post a Comment

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

i've set bento/ubuntu-16.04 vagrant box using php 5.6, , getting following error quite few times when try , run shell script: "uncaught reflection exception: class domdocument not exist". i've tried adding following top of script (not together), each no success: "sudo apt-get install php5.6-xml", "sudo apt-get install php5-xml", "sudo apt-get install php-dom" i've tried resetting server "sudo service apache2 restart". does have suggestions?
Read more

vue.js - Create hooks for automated testing -

Image
qa guys complained can't automate frontend testing. because our html looks same outside. lazy hack did this <template> <div :role="$options.name"> ... </div> </template> <script> export default { name: 'vmcomponentname' } </script> which takes name script , applies html. in browser get: <div role="vmcomponentname"> ... </div> line :role="$options.name" goes in every component. is there dry er solutions? please share. additional details i'll explain in details looking for. imagine have vmusercreate form creates user. test case can create user . to automatically test without role, have use following selector: .wrapper > .wrapper > .wrapper > .submit-button the test extremely brittle (will break lot). if use roles can use [role="vmusercreateform"] .submit-button selector. many folds less brittle. so basically, i'm ...
Read more

Add new key value to json node in java -

i have json file : { "id":1, "name":"abc", "addressdetails": { "city":"newyork" } } i wanted add 1 more key-value ("pincode" : "414141") node 'addressdetails'. i tried using : objectmapper mapper = new objectmapper(); jsonnode root = mapper.readtree(new file("d://test.json")); objectnode node = mapper.createobjectnode(); node.with("addressdetails").put("pincode", "414141"); but it's not getting added, there way can ? you can try you should modify file path objectmapper mapper = new objectmapper(); objectnode nodes = mapper.readvalue(new file("d:\\test.txt"), objectnode.class); nodes.with("addressdetails").put("pincode", "414141"); mapper.writer().writevalue(new file("d:\\test.txt"), nodes);
Read more