Checkout.js \u2014 \u044d\u0442\u043e \u043f\u043b\u0430\u0433\u0438\u043d jQuery \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a \u043d\u0430 \u0441\u0430\u0439\u0442\u0430\u0445 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043a\u043e\u043c\u043c\u0435\u0440\u0446\u0438\u0438.<\/p>\n\n\n\n
\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 checkout.js, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0438\u0436\u0435 \u2014<\/p>\n\n\n\n
<html xmlns = \"https:\/\/www.w3.org\/1999\/xhtml\">\n <head>\n <meta http-equiv = \"Content-Type\" content = \"text\/html; charset = iso-8859-1\" \/>\n <title>Untitled Document<\/title>\n <script type = \"text\/javascript\" src = \"jquery-1.3.2.js\"><\/script>\n <script type = \"text\/javascript\" src = \"jquery.livequery.js\"><\/script>\n <link href = \"css.css\" rel = \"stylesheet\" \/>\n\t\t\n <script type = \"text\/javascript\">\n\n $(document).ready(function() {\n\t var Arrays = new Array();\n $('#wrap li').mousemove(function(){\n var position = $(this).position();\n $('#cart').stop().animate({\n left : position.left+'px',\n },250,function(){\n });\t\t\t\n }).mouseout(function(){\n });\t\n\n $('#wrap li').click(function(){\n var thisID = $(this).attr('id');\n var itemname = $(this).find('div .name').html();\n var itemprice = $(this).find('div .price').html();\n\n if(include(Arrays,thisID)){\n var price = $('#each-'+thisID).children(\".shopp-price\").\n find('em').html();\n var quantity = $('#each-'+thisID).children(\".shopp-quantity\").html();\n quantity = parseInt(quantity)+parseInt(1);\n var total = parseInt(ite mprice)*parseInt(quantity);\n\n $('#each-'+thisID).children(\".shopp-price\").\n find('em').html(total);\n $('#each-'+thisID).children(\".shopp-quantity\").html(quantity);\n\n var prev_charges = $('.cart-total span').html();\n prev_charges = parseInt(prev_charges)-parseInt(price);\n prev_charges = parseInt(prev_charges)+parseInt(total);\n \n $('.cart-total span').html(prev_charges);\n $('#total-hidden-charges').val(prev_charges);\n } else {\n Arrays.push(thisID);\n var prev_charges = $('.cart-total span').html();\n prev_charges = parseInt(prev_charges)+parseInt(itemprice);\n\n $('.cart-total span').html(prev_charges);\n $('#total-hidden-charges').val(prev_charges);\n\n $('#left_bar .cart-info').append('\n <div class = \"shopp\" id = \"each-'+thisID+'\">\n <div class = \"label\">'+itemname+'<\/div>\n <div class = \"shopp-price\"> \n $<em>'+itemprice+'<\/em><\/div>\n <span class = \"shopp-quantity\">1<\/span>\n <img src = \"remove.png\" class = \"remove\" \/>\n <br class = \"all\" \/>\n <\/div>');\n\n $('#cart').css({'-webkit-transform' :\n 'rotate(20deg)','-moz-transform' : 'rotate(20deg)' });\n }\n\n setTimeout('angle()',200);\n });\t\n $('.remove').livequery('click', function() {\n var deduct = $(this).parent().children(\".shopp-price\").find('em').html();\n var prev_charges = $('.cart-total span').html();\n var thisID = $(this).parent().attr('id').replace('each-','');\n var pos = getpos(Arrays,thisID);\n \n Arrays.splice(pos,1,\"0\")\n prev_charges = parseInt(prev_charges)-parseInt(deduct);\n \n $('.cart-total span').html(prev_charges);\n $('#total-hidden-charges').val(prev_charges);\n $(this).parent().remove();\n });\t\n $('#Submit').livequery('click', function() {\n var totalCharge = $('#total-hidden-charges').val();\n \n $('#left_bar').html('Total Charges: $'+totalCharge);\n return false;\n });\t\n });\n function include(arr, obj) {\n for(var i = 0; i<arr.length; i++) {\n if (arr[i] == obj) return true;\n }\n }\n function getpos(arr, obj) {\n for(var i = 0; i<arr.length; i++) {\n if (arr[i] == obj) return i;\n }\n }\n function angle(){$('#cart').css({'-webkit-transform' : \n 'rotate(0deg)','-moz-transform' : 'rotate(0deg)' });}\n\n <\/script>\n <\/head>\n\n <body>\n <div align = \"left\">\n <div id = \"wrap\" align = \"left\">\n \n <ul>\n <li id = \"1\">\n <img src = \"a1.png\" class = \"items\" height = \"100\" alt = \"\" \/>\n\n <br clear = \"all\" \/>\n <div><span class = \"name\">Learn Java: \n Price<\/span>: $<span class = \"price\">\n 800<\/span> <\/div>\n <\/li>\n\n <li id = \"2\">\n <img src = \"5.png\" class = \"items\" height = \"100\" alt = \"\" \/>\n\n <br clear = \"all\" \/>\n <div><span class = \"name\">Learn HTML\n <\/span>: $<span class = \"price\">500 \n <\/span><\/div>\n <\/li>\n\n <li id=\"3\">\n <img src = \"1.png\" class = \"items\" height = \"100\" alt = \"\" \/>\n\n <br clear = \"all\" \/>\n <div><span class = \"name\">Learn Android \n <\/span>: $<span class = \"price\">450\n <\/span><\/div>\n <\/li>\n\n <li id = \"4\">\n <img src = \"6.png\" class = \"items\" height = \"100\" alt = \"\" \/>\n\n <br clear = \"all\" \/>\n <div><span class = \"name\">Learn SVG \n <\/span>: $<span class = \"price\">1200\n <\/span><\/div>\n <\/li>\n\n <li id = \"5\">\n <img src = \"7.png\" class = \"items\" height = \"100\" alt = \"\" \/>\n\n <br clear = \"all\" \/>\n <div> <span class = \"name\">Learn Bootstrap\n <\/span>: $<span class = \"price\">65\n <\/span><\/div>\n <\/li>\n\n <li id = \"6\">\n <img src = \"5.png\" class = \"items\" height = \"100\" alt = \"\" \/>\n\n <br clear = \"all\" \/>\n <div><span class = \"name\">Learn HTML\n <\/span>: $<span class = \"price\">800\n <\/span> <\/div>\n <\/li>\n\n <li id = \"7\">\n <img src = \"7.png\" class = \"items\" height = \"100\" alt = \"\" \/>\n\n <br clear = \"all\" \/>\n <div><span class = \"name\"> Learn Bootstrap\n <\/span>: $<span class = \"price\">45\n <\/span><\/div>\n <\/li>\n\n <li id = \"8\">\n <img src = \"6.png\" class = \"items\" height = \"100\" alt = \"\" \/>\n\n <br clear = \"all\" \/>\n <div><span class = \"name\">Learn SVG\n <\/span>: $<span class = \"price\">900 \n <\/span><\/div>\n <\/li>\n\n <li id = \"9\">\n <img src = \"8.png\" class = \"items\" height = \"100\" alt = \"\" \/>\n\n <br clear = \"all\" \/>\n <div><span class = \"name\">Learn Angular Js\n <\/span>: $<span class = \"price\">20\n <\/span><\/div>\n <\/li>\n\n <\/ul>\n <br clear = \"all\" \/>\n <\/div>\n \n <div id = \"left_bar\"> \n <form action = \"#\" id=\"cart_form\" name = \"cart_form\">\n <div class = \"cart-info\"><\/div>\n \n <div class = \"cart-total\">\n <b>Total Charges: \n <\/b> \n $<span>0<\/span>\n\n <input type = \"hidden\" name = \"total-hidden-charges\" \n id = \"total-hidden-charges\" value = \"0\" \/>\n <\/div>\n\n <button type = \"submit\" id = \"Submit\">CheckOut<\/button>\n <\/form>\n <\/div> \n\t\t\n <\/div>\n <\/body>\n<\/html><\/pre>\n","protected":false},"excerpt":{"rendered":"Checkout.js \u2014 \u044d\u0442\u043e \u043f\u043b\u0430\u0433\u0438\u043d jQuery \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a \u043d\u0430 \u0441\u0430\u0439\u0442\u0430\u0445 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043a\u043e\u043c\u043c\u0435\u0440\u0446\u0438\u0438. \u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 checkout.js, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0438\u0436\u0435 \u2014 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[154],"tags":[],"class_list":["post-4890","page","type-page","status-publish","hentry","category-jquery"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/pages\/4890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/comments?post=4890"}],"version-history":[{"count":0,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/pages\/4890\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/media?parent=4890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/categories?post=4890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bearloga.space\/uk\/wp-json\/wp\/v2\/tags?post=4890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}