javascript - Calculate value/price based on rows in textarea -

-

im trying calculate price depending on how many rows use in textarea. have come far. problem won't calculate, think have looked @ or something.

let me explain little, first of som textads. there flatfee minimum of 2 rows , additional 10 each new row, maximum of 10 rows.

var flatfee = '70.00';  var perrow = '10.00';    function rowcount(area, maxlength) {          //var area = document.getelementbyid("textarea-1")      // trim trailing return char if exists  var text = area.value.replace(/\s+$/g, "");  var split = text.split("\n");  if (split.length > maxlength) {    split = split.slice(0, maxlength);    area.value = split.join('\n');    alert("you can not enter more " + maxlength.tostring() + " lines");  }  return false;  }    var div = $('span.rowcount');    jquery('textarea#textarea-1').on('input', function($) {      var count = rowcount(this.value);    div.html(count.rows);      /*var additionalfees = perrow*count.rows;*/      if (count.rows > 2) {      var additionalfees = perrow * (count.rows - 2);    }      var total = parsefloat(flatfee) + parsefloat(additionalfees);      $('span.total').html(parsefloat(total.tostring()).tofixed(2));    /*var total = $('span.total');*/      console.log(total);  });
<textarea cols="32" rows="10" maxlenght="320" class="form-control" name="textarea-1" id="textarea-1" placeholder="type or paste prompt here."></textarea>  <p>you have <span class="rowcount">0</span> rows.total <span class="total">0</p>

modified function bit. works now

var flatfee = '70.00';  var perrow = '10.00';    function rowcount(area, maxlength) {      //var area = document.getelementbyid("textarea-1")    // trim trailing return char if exists    var text = area.replace(/\s+$/g, "");    var split = text.split("\n");    if (split.length > maxlength) {      split = split.slice(0, maxlength);      area.value = split.join('\n');      alert("you can not enter more " + maxlength.tostring() + " lines");    }    return {rows:split.length};  }    var div = $('span.rowcount');    jquery('textarea#textarea-1').on('input', function($) {      var count = rowcount(this.value);    div.html(count.rows);      /*var additionalfees = perrow*count.rows;*/  var additionalfees=0;    if (count.rows > 2) {      additionalfees = perrow * (count.rows - 2);    }       var total = parsefloat(flatfee) + parsefloat(additionalfees);      //$('span.total').html(total.tostring().tofixed(2));    /*var total = $('span.total');*/      console.log(total);  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>  <textarea cols="32" rows="10" maxlenght="320" class="form-control" name="textarea-1" id="textarea-1" placeholder="type or paste prompt here."></textarea>  <p>you have <span class="rowcount">0</span> rows.total <span class="total">0</span></p>


Comments

Post a Comment

Popular posts from this blog

java - Run spring boot application error: Cannot instantiate interface org.springframework.context.ApplicationListener -

-
i have spring project , try make use spring boot , run @ embadded tomcat following : https://spring.io/guides/gs/rest-service/ this application //@configuration //@enableaspectjautoproxy @springbootapplication @componentscan(basepackages = "gux.prome") public class application { public static void main(string[] args) { springapplication.run(application.class, args); } } if use maven command: mvn spring-boot:run , project starts fine, need debug , run main method @ intelij, exception occurs: exception in thread "main" java.lang.illegalargumentexception: cannot instantiate interface org.springframework.context.applicationlistener : org.springframework.boot.logging.classpathloggingapplicationlistener @ org.springframework.boot.springapplication.createspringfactoriesinstances(springapplication.java:414) @ org.springframework.boot.springapplication.getspringfactoriesinstances(springapplication.java:394) @ org.springframework.bo...
Read more

reactjs - React router and this.props.children - how to pass state to this.props.children -

-
i'm using react-router first time , don't know how think in yet. here's how i'm loading components in nested routes. entry point .js reactdom.render( <router history={hashhistory} > <route path="/" component={app}> <route path="models" component={content}> </route> </router>, document.getelementbyid('app') ); app.js render: function() { return ( <div> <header /> {this.props.children} </div> ); } so child of app content component sent in. i'm using flux , app.js has state , listens changes, don't know how pass state down this.props.children. before using react-router app.js defines children explicitly, passing state natural don't see how now. using couple of react helper methods can add state, props , whatever else this.props.children render: function() { var children = react.ch...
Read more

Excel VBA "Microsoft Windows Common Controls 6.0 (SP6)" Location Changes -

-
i have excel workbook used generate quotations customers. there main page user inputs data, , there buttons generate various pdfs , send them customer. however, 1 user consistently getting error preventing generating , sending pdfs. i beleive "microsoft windows common controls 6.0 (sp6)". it's installed on users' computers. on mine, location "c:\windows\syswow64\mscomctl.ocx" on others "c:\windows\system32\mscomctl.ocx" the user experiencing issues on 32-bit machine, "mscomctl.ocx" file should in system32. have manually put in there, , pointed common controls reference in vba it. issue seems keep reverting looking in syswow64. since folder doesn't exist, can't find it, , can't produce pdfs. i thought perhaps issue user running older version of office (2007) there users on 2013 , 2016. thought perhaps mixture of 64-bit , 32-bit users. user gets sent workbook other users (as quotation process goes further, gets passed ...
Read more