Jquery, calculate html table rows with same class? -

-

i building invoice grails, , dynamical calculation using jquery.

i don't know, may not solution , not fit in javascript. may me, here go:

<thead>     <tr>         <g:sortablecolumn style="width: 20px" property="id" title="${message(code: 'packet.id.label', default: 'id')}" />         <g:sortablecolumn style="width: 10px" property="anzahl" title="${message(code: 'packet.anzahl.label', default: 'anzahl')}" />         <th><g:message style="width: 250px" code="packet.artikel.label" default="   artikel    " /></th>         <th><g:message code="packet.artikel.label" default="   steuer in %   " /></th>         <th><g:message code="packet.artikel.label" default="   preis pro stück in €  " /></th>         <th><g:message code="packet.artikel.label" default="   preis gesammt in € " /></th>     </tr> </thead> <tbody>     <g:each in="${packetinstancelist}" status="i" var="packetinstance">         <tr class="${(i % 2) == 0 ? 'odd' : 'even'}">             <td><g:link controller="packet" action="show"  id="${packetinstance.id}">${fieldvalue(bean: packetinstance, field: "id")}</g:link></td>             <td><input name="q" class="st" type="text" style="background-color:transparent;border:0px solid white;" value="${fieldvalue(bean: packetinstance, field: "anzahl")}" onclick="if (this.value=='search') {this.value = '';}" readonly="true"/>             <!--  ${fieldvalue(bean: packetinstance, field: "anzahl")}    -->             </td>             <td nowrap>${fieldvalue(bean: packetinstance, field: "artikel")}</td>

that creates html many rows 

        <tr class="even">             <td><a href="/test/packet/show/17">17</a></td>             <td><input name="q" class="st" type="text" style="background-color:transparent;border:0px solid white;" value="1,222" onclick="if (this.value=='search') {this.value = '';}" readonly="true"/>                 <!--  1,222    -->             </td>             <td nowrap> blueray,arthouse </td>             <td> <input type="text" style="background-color:transparent;border:0px solid white;" class="input-steuer" value="19"/> </td>             <td> <input type="text" style="background-color:transparent;border:0px solid white;" class="input-value"  /> </td>             <td> <input type="text" style="background-color:transparent;border:0px solid white;" class="output-value" readonly />             </td>         </tr>         <tr class="odd">             <td><a href="/test/packet/show/18">18</a></td>             <td><input name="q" class="st" type="text" style="background-color:transparent;border:0px solid white;" value="100" onclick="if (this.value=='search') {this.value = '';}" readonly="true"/>                 <!--  100    -->             </td>             <td nowrap> blueray,arthouse </td>             <td> <input type="text" style="background-color:transparent;border:0px solid white;" class="input-steuer" value="19"/> </td>             <td> <input type="text" style="background-color:transparent;border:0px solid white;" class="input-value"  /> </td>             <td> <input type="text" style="background-color:transparent;border:0px solid white;" class="output-value" readonly />             </td>         </tr>             <td> <input type="text" style="background-color:transparent;border:0px solid white;" class="input-steuer" value="19"/> </td>             <td> <input type="text" style="background-color:transparent;border:0px solid white;" class="input-value"  /> </td>             <td> <input type="text" style="background-color:transparent;border:0px solid white;" class="output-value" readonly />             </td>         </tr>     </g:each>

as can see these rows have same classes.

here jquery code:

$(document).ready(function() {     $(".input-value").keyup(function() {         // var output = $(".output-value");         var test = 0;          $('.input-value').each(function() {             var value = parsefloat($(this).val());             var value3 = parsefloat($(".st").val());             var value2 = parsefloat($(".input-steuer").val());              //output.val(((value - value * value2/100)*value3).tofixed(2));             score = ((value - value * value2/100)*value3);             score = score.tofixed(2);             //output.val(score);             test+=score;         });          $(".output-value").val(test);     }); });

this calculates first row , not each row, i´d have output every row , sum of outputs, not used javascript...

it feels simple, not me.

thanks time 

$(".input-value").keyup(function() {      var value = parsefloat($(this).val());     var value2;     var value3;var temp=0;var temp1 = 0;     $(this).parent().siblings().each(function() {         if ($(this).children().hasclass('input-steuer')) {             value2 = $(this).children().val();         }         if ($(this).children().hasclass('st')) {             value3 = $(this).children().val();         }     });     score = ((value - value * value2 / 100) * value3);     $(this).parent().next('td').children('.output-value').val((score).tofixed(2));     $('.output-value').each(function(){         temp1 = $(this).val();                 alert(temp1);         if(temp1 == 'nan' || temp1 == '') {            temp1 = 0.0;          }         temp = parsefloat(temp) + parsefloat(temp1);      });     $('#wholesum').val(temp.tofixed(2)); });​

have nice day!


Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more