Databases
StackOverflow2013
Postsdbo
POHow to change a Javascript character-remaining counter, with an onClick?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to change a Javascript character-remaining counter, with an onClick?
    primarykey
    data
    text
    <p>Hello :) I have an HTML text area with a Javascript character counter. I want the remaining character count to be reduced by 23 characters when someone clicks the "Browse" button to add media to the text area they are writing. I'm using PHP too. How can I do it? :) </p> <p>Here is the HTML </p> <pre><code> &lt;form id="form" method="post" action="" enctype="multipart/form-data"&gt; &lt;div&gt; &lt;label for="message2"&gt;Type your message&lt;/label&gt; &lt;textarea ID="message2" onkeyup="textCounter(this,'counter',140);" name="status"&gt;&lt;/textarea&gt; Add Picture&lt;input type="file" name="image" /&gt;&lt;br /&gt; &lt;input class="button" type="submit" value="Tweet" /&gt;&lt;br /&gt; &lt;/div&gt; &lt;/form&gt; </code></pre> <p>And the Jquery</p> <pre><code> &lt;script&gt; $(document).ready(function(){ $("#message2").charCount({ allowed: 140, warning: 10, counterText: '' }); }); </code></pre> <p></p> <p>And the CharCount.js</p> <pre><code> (function($) { $.fn.charCount = function(options){ // default configuration properties var defaults = { allowed: 140, warning: 25, css: 'counter', counterElement: 'span', cssWarning: 'warning', cssExceeded: 'exceeded', counterText: '' }; var options = $.extend(defaults, options); function calculate(obj){ var count = $(obj).val().length; var available = options.allowed - count; if(available &lt;= options.warning &amp;&amp; available &gt;= 0){ $(obj).next().addClass(options.cssWarning); } else { $(obj).next().removeClass(options.cssWarning); } if(available &lt; 0){ $(obj).next().addClass(options.cssExceeded); } else { $(obj).next().removeClass(options.cssExceeded); } $(obj).next().html(options.counterText + available); }; this.each(function() { $(this).after('&lt;'+ options.counterElement +' class="' + options.css + '"&gt;'+ options.counterText +'&lt;/'+ options.counterElement +'&gt;'); calculate(this); $(this).keyup(function(){calculate(this)}); $(this).change(function(){calculate(this)}); }); }; </code></pre> <p>})(jQuery);</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USK_Jack
    1. USK_Jack
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. CO`.charCount` is not a standard jQuery extension. What extension are you using? Is it homegrown, or standard? Going to be tough to answer your question (short of re-writing it) without that information.
      singulars
      1. POHow to change a Javascript character-remaining counter, with an onClick?
      1. USEthan Brown
    2. COahh my bad, pasted the code from a larger page and missed adding it, sorry adding now.
      singulars
      1. POHow to change a Javascript character-remaining counter, with an onClick?
      1. USK_Jack
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload