Appcan custom digital Plus and minus controls
Last Update:2015-06-26
Source: Internet
Author: User
<span id="Label3"></p><p><p>Div section:</p></p><p><p>* The three id:as_sub_3, as_now_3, and As_add_3 "3" can be customized, which is helpful for generating any number of list Forms.</p></p><pre class="brush:html;gutter:true;"> <div class= "ub ub-f1 ub-pe as-height" > <div ID = "as_sub_3" onclick= "as_sub (this)" class= "ub ub-pc ub-ac as-border" > <div CLA ss= "ub" >-</div> </div> <div id= " As_now_3 "class=" UB ub-pc ub-ac as-border "> 1 </div> <div id= "as_add_3" onclick= "as_add (this)" class= "ub ub-pc ub-ac As-bo Rder "> <div class=" UB "> + </div> </div> </div> </pre><p><p>CSS Section:</p></p><pre><pre><span style="color: #800000;">.</span> as { }<span style="color: #800000;">. as-height</span>{<span style="color: #ff0000;"> height</span>:<span style="color: #0000ff;"> 2em</span>;} <span style="color: #800000;">. As-border</span> {<span style="color: #ff0000;"> border</span>:<span style="color: #0000ff;"> 1px solid #c4c4c4</span>; <span style="color: #ff0000;"> width</span>:<span style="color: #0000ff;"> 2em</span>;}</pre></pre><p><p>JS Section:</p></p><pre><span style="color: #0000ff;"><span style="color: #0000ff;">var</span></span>As_min=1<span style="color: #000000;"><span style="color: #000000;">;</span></span><span style="color: #0000ff;"><span style="color: #0000ff;">var</span></span>as_max=10000<span style="color: #000000;"><span style="color: #000000;">;</span></span><span style="color: #0000ff;"><span style="color: #0000ff;">var</span></span>as_now=2<span style="color: #000000;"><span style="color: #000000;">;</span></span><span style="color: #0000ff;"><span style="color: #0000ff;">function</span></span><span style="color: #000000;"><span style="color: #000000;">as_add (obj) {</span></span><span style="color: #0000ff;"><span style="color: #0000ff;">var</span></span>id = $ (obj). attr ("id"<span style="color: #000000;"><span style="color: #000000;">); </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">var</span></span>BZ = Id.split ("_") [2<span style="color: #000000;"><span style="color: #000000;">]; </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">if</span></span>(as_now==10000<span style="color: #000000;"><span style="color: #000000;">){ </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">return</span></span><span style="color: #000000;"><span style="color: #000000;">; } As_now</span></span>++<span style="color: #000000;"><span style="color: #000000;">; $(</span></span>"#as_now_" +<span style="color: #000000;"><span style="color: #000000;">bz). Text (as_now);}</span></span><span style="color: #0000ff;"><span style="color: #0000ff;">function</span></span><span style="color: #000000;"><span style="color: #000000;">as_sub (obj) {</span></span><span style="color: #0000ff;"><span style="color: #0000ff;">var</span></span>id = $ (obj). attr ("id"<span style="color: #000000;"><span style="color: #000000;">); </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">var</span></span>BZ = Id.split ("_") [2<span style="color: #000000;"><span style="color: #000000;">]; </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">if</span></span>(as_now==1<span style="color: #000000;"><span style="color: #000000;">){ </span></span><span style="color: #0000ff;"><span style="color: #0000ff;">return</span></span><span style="color: #000000;"><span style="color: #000000;">; } As_now</span></span>--<span style="color: #000000;"><span style="color: #000000;">; $(</span></span>"#as_now_" +<span style="color: #000000;"><span style="color: #000000;">bz). Text (as_now);}</span></span></pre><p><p></p></p><p><p>Appcan custom digital Plus and minus controls</p></p></span>