A character counter in a TextArea

Our friend Mário is requesting the following:
"I would like to create a character counter in a TextArea with real time actualization, I only could do it after call an action (button), I would like that this happens in real time with the user typing and the counter being refreshed automatically."
If somebody can help him, please post.
Marcelo

Hi Mario,
what u would like is a Javascript function which monitors whitespaces and determines to add a counter for each line on the enter key
it would be activated onclick and on change of the control
with respect,
amit

Similar Messages

  • Report TEXTAREA character counter

    A textarea field has a "Maximum Width" and a Character Counter.
    How can I create Character Counter for a textarea field in a report (SQL Query (updateable report))?
    Edited by: Rob-9100-NL on 28-jun-2012 4:13

    Denes,
    My little bit different function: (one parameter less and no longer extra field for length in the select):
    function f_set_counter(pConterID,pTextId,pMaxLength)
        var pLength = $x(pTextId).innerHTML.length;
        if (pLength>pMaxLength)
         {alert('Dit veld mag niet meer dan '+pMaxLength+' tekens bevatten.')
          $x(pTextId).value=$x(pBron).value.substring(0,pMaxLength)
          {$x(pConterID).innerHTML = pMaxLength}
        else    
         {$x(pConterID).innerHTML = pLength}
    }In the HTML Expression of the text field:
    <textarea id="f06_#ROWNUM#" wrap="VIRTUAL" cols="80"
    rows="5" name="f06" autocomplete="off"
    onkeyup="f_set_counter('f06_#ROWNUM#_CHAR_COUNTER', 'f06_#ROWNUM#',500)"
    #PA_AANTEKENINGEN#</textarea><br/>
    <span id="f06_#ROWNUM#_CHAR_COUNTER"></span>
     van 
    <span>500</span>
    </div>
    <script type="text/javascript">
      f_set_counter('f06_#ROWNUM#_CHAR_COUNTER', 'f06_#ROWNUM#', 500);
    </script>Now I do get the "0 van 500" on a new record.
    Regards,
    Rob
    Edited by: Rob-v-M-Gn-Nl on 26-jul-2012 4:29

  • APEX_ITEM.textarea with character count in a SQL Report

    This seems like a simple question but where is the function to have APEX draw the textarea but with a maximum number of characters from within a SQL report.
    I am building a parameter entry form but the number of parameters is dynamic so my best option was to use a SQL based report. I have looked though the APEX_ITEM package and found the textarea function but there is no options to draw the version of it that limits character count. Is there a way to have it draw that textarea instead of the unlimited one. In my case I have a length limit that I must enforce.

    The only solution that comes to my mind is to use Javascript. Define a JS function in page header that will check the length of text in textarea and if it exceeds the limit then it will trim it.
    Then, when creating textareas using APEX_ITEM add paramater onChange="callToYourJSFunction()"

  • Textarea character count feature quirk/bug

    Apex 4.1.1.00.23
    I've found a quirky thing about the textarea page item. The character count feature counts carriage-return-line-feed (CRLF) as one character, as you would expect it to, but it's stored as two characters in the database because of the way Windows handles new lines.
    So, aside from using clob columns or explaining to users how Windows handles CRLF characters, any thoughts on how one might manage this quirk?

    >
    Please update your forum profile with a real handle instead of "970995".
    Apex 4.1.1.00.23
    I've found a quirky thing about the textarea page item. The character count feature counts carriage-return-line-feed (CRLF) as one character, as you would expect it to, but it's stored as two characters in the database because of the way Windows handles new lines.
    So, aside from using clob columns or explaining to users how Windows handles CRLF characters, any thoughts on how one might manage this quirk?Assuming the problem is ORA-06502 when the counter shows less than the expected limit, but CR/LF pairs actually push it over?
    Create a Post-Submit Computation on the item that replaces CR/LF with LF...
    replace(:p1_text_area, chr(13) || chr(10), chr(10))

  • Textare with character counter versus textarea with html editor

    Hi
    I am using a textarea with html editor. I need to restrict the user to not type more than 25000 characters? Can someone tell me as to how I can do that?
    I know that one can set the maximum width for textarea with character counter and it prevents one from typing in more than the maximun specified, but I really need to use the html editor. Thanks.
    suni

    This is caused by the charCount javascript function, which dynamically sets the text colour to 'red' when the maximum number of characters is entered, but "resets" it to 'black'.
    Guess the way to avoid this is to create your own equivalent of the charCount function that captures the actual colour from the DOM and attach it to a textarea using the onchange and onkeyup attributes used in the built-in one.

  • Textarea w/character counter problem

    Hi!
    We use a textarea with character counter and limited its max width to 500 chars. If max 500 chars have been inserted, then input stops after 500 chars. That works fine in MS Internet Explorer. Even if you insert CR/LF inputs (ENTER button), the max number of typed in chars will not exceed 500. Using Mozilla Firefox, it is possible to insert many CR/LF, which increases the typed in number by 2. Thus you get e.g. "548 of 500" displayed beyond the textarea. After updating the page in IExplorer even here you get the same counter status displayed. As long as you do not type in the textarea field, the char counter remains as it is and the data can be submitted and finally stored in database.
    Qu: Has anybody experienced teh same problem with max chars and CR/LF. Any idea of a workaround prevent "548 of 500" in textareas when typing in CR/LF ?
    Br,
    Thomas

    The CharCount() function that is used by APEX should be updated to contain javascript code similar to the code described here:
    http://pikasoftware.com/docs/index.php/Validating_TextArea

  • Spry textarea character count not working in IE9

    Hi.
    I'm using DW CS5 for a ColdFusion form with a textarea field. The spry character count works in every browser but IE9. Anyone know how to fix this?
    Thanks!

    This feature will not work in IE9 and IE10.
    The problem is two-fold
    a) The Copyright notice shows 2006 as the last Spry update. This was around the time of IE7
    b) Microsoft tends to go off on a tangent where every release of IE behaves differently
    As always, we are in the hands of the Adobes and Microsofts.

  • APEX_ITEM.TEXTAREA - character count limit

    i want to set a character limit on a textarea. my initial thoughts were to use maxlength but sadly that is not available. Has anyone implemented this limit before?

    dan,
    unfortunately i cannot use that as the textarea is part of a report and i being created using apex_item.
    marc,
    thanks for the tip. i had tried to code it using onkeypress but my script was blocking ALL keys when the limit was reached. I didnt want to go down the route of specifying what keys to allow, backspace, delete etc.
    Your link seems to do the trick.
    Craig
    [www.oracleapplicationexpress.com|http://www.oracleapplicationexpress.com]

  • Character Count Variable

    Hi,
    Is it possible to set the 'chacters remaining' as a variable for Text area with c/count, this is because I have a comments field that is adding to a column that is already populated so the characters remaining will vary depending on what is already in the table
    I know its set in the max width of the elemant section but you cant seem to put a variable name in there.
    Thanks ANDY

    hey andy--
    you can't currently refer to session state values from the maxWidth field as you're finding. i've logged that as an issue, but you can work out your "characters remaining" request for now by calling our charCount jscript function from somewhere you can reference session state. to do so, take a look at the html that's generated when you use those "Textarea w/Character Counter" item types. you'll see that the form element has a jscript call in it that looks something like...
    onKeyUp="javascript:charCount('P3_MY_TEXAREA',255,'tAreaCtr8','tAreaMax8','theBlock8');" onChange="javascript:charCount('P3_MY_TEXAREA',255,'tAreaCtr8','tAreaMax8','theBlock8');"
    ...and you'll see a div and span combo right after it that looks something like this...
    <div style="font-size:8pt;visibility:hidden;" id="theBlock8"><span id="tAreaCtr8"></span> of <span id="tAreaMax8"></span></div>
    ...so you could put code similar to this into a regular TextArea item to call our charCount function while passing it the dynamic value. to do so, you'd put your div/span combo in the "Post Element Text" section of your TextArea item. you'd then want to call charCount by passing it the dynamic value. unfortunately, you can't just put that call into the "HTML Form Element Attributes" because that field currently doesn't support session state references. instead, you'd have to put in a call to a function of yours that calls our charCount. so a call like this...
    onKeyUp="javascript:callCount();" onChange="javascript:callCount();"
    ...just worked in my test case. i defined my callCount funtion in the "HTML Header" field of the page-level atttributes screen as...
    <script language="JavaScript1.1" type="text/javascript">
    function callCount(){   
    charCount('P3_MY_TEXAREA',&P3_X.,'tAreaCtr8','tAreaMax8','theBlock8');
    </script>
    ...and, as you can see, it just calls callCount while passing it my dynamic P3_X value instead of the fixed maxWidth one. having said all this, it's still our recommendation to not directly call the javascript functions that ship with htmldb. we reserve the right to change how those "internal" calls are implemented. to play it absolutely safe, you'd be better off to copy our charCount function into your app (presumably in a .js file) and call that copy using the same work around i specified above.
    hope this helps,
    raj

  • How do I limit the character count in a text field?

    I'm creating a form for co-workers to use when creating web content. I need to restrict their character count for items like headlines, titles, subtitles, etc. Any suggestions on a ready-made form to use out there? And how can I limit those fields so they don't generate content that will then need to be edited down?
    Thanks,
    EAW

    Check out this post:
    http://forums.adobe.com/message/4364378
    Randy

  • How do I found the character count in a document

    How do I find character count and word count in a doumen on my IMc?

    Created with which application?

  • Character counter does not display data on IE when counter is 0

    Hi,
    I am implementing a character counter in ADF using Javascript (referencing this http://www.oracle.com/technetwork/developer-tools/adf/learnmore/10-char-input-counter-169133.pdf).
    I display the string --> 'x' characters left
    The problem that I am facing is: when my character counter becomes 0 (can no longer enter any text, the maxlimit of the input field is reached) then on IE browsers, it does not show the character '0'. It displays a blank. On Firefox and Chrome, however, the UI gets displayed as expected i.e. 0 characters left.
    Can I get any pointers how to fix this on IE. Have tested with IE versions 7,8,9. JDev version is 11.1.1.5.0
    Here is the code snippet that I am using:
    Javascript:
    function showCharacterCount(event) {
    var keyCodePressed = event.getKeyCode();
    if (keyCodePressed == AdfKeyStroke.TAB_KEY
    || keyCodePressed == AdfKeyStroke.ARROWLEFT_KEY
    || keyCodePressed == AdfKeyStroke.ARROWUP_KEY
    || keyCodePressed == AdfKeyStroke.ARROWRIGHT_KEY
    || keyCodePressed == AdfKeyStroke.ARROWDOWN_KEY) {
    event.cancel();
    else {
    textfield = event.getCurrentTarget();
    textfieldValue = event.getSource().getSubmittedValue();
    textfieldLength = textfieldValue.length;
    textfieldMaxLength = textfield.getMaximumLength();
    o = AdfPage.PAGE.findComponent('characterCounter');
    characterCounterValue = o.getValue();
    characterCounterValue = textfieldMaxLength - textfieldLength;
    o.setValue(characterCounterValue);
    UI:
    <af:panelGroupLayout id="pgl3" layout="horizontal">
    <af:outputText id="characterCounter" clientComponent="true" value="325"
    inlineStyle="text-align:right; display:block; width:100.0px;"
    binding="#{viewScope.myBean.characterCounterBndg}"/>
    <af:outputText value="characters left" id="ot7"
    inlineStyle="padding-left:5.0px;"/>
    </af:panelGroupLayout>
    <af:inputText id="it2" rows="4" columns="53"
    value="#{viewScope.myBean.text}" maximumLength="325" clientComponent="true"
    simple="true">
    <af:clientListener method="showCharacterCount"
    type="keyUp"/>
    </af:inputText>
    Thanks in advance.

    Try converting from dynamic data, that seems to take care of the problem. Also, you could use the regular field point VIs instead of the FP express VI. Check out the attached VI.
    -Alan A.
    Attachments:
    FP_Read.vi ‏30 KB

  • Inserting new line in script output based on character count

    Dear All,
    I want to print amount in words on cheque. Condition is if on the first line the character
    count reaches 40 the rest words should be printed in next line. Also amount in word
    should be printed  on the same line. 
    I have the internal table values itab-amtwords(amount in words and ) itab-rbetr(amount in number)
    I want to print them something like this -
       Sixty seven crore eighty five lakh twelve thousand     
       fourty five                                                                678512045.00
    the amount in word should come in second line only. The amount in word if reaches certain point
    the rest word should print in second line.
    How to write the logic in script editor
    Regards,
    Sandeep

    the amount in number should print in the second line.
    2163126312.00
    regards
    sandeep
    Edited by: Sandeep Sahoo on Apr 17, 2009 4:34 PM
    Edited by: Sandeep Sahoo on Apr 17, 2009 4:38 PM

  • Inserting new line in output based on character count +sapscript

    Dear All,
    I want to print amount in words on cheque. Condition is if on the first line the character
    count reaches 40 the rest words should be printed in next line. Also amount in word
    should be printed  on the same line. 
    I have the internal table values itab-amtwords(amount in words and ) itab-rbetr(amount in number)
    I want to print them something like this -
       Sixty seven crore eighty five lakh twelve thousand     
       fourty five                                                                678512045.00
    the amount in word should come in second line only. The amount in word if reaches certain point
    the rest word should print in second line.
    How to write the logic in script editor
    Regards,
    Sandeep
    Moderator message - Cross post locked
    Edited by: Rob Burbank on Apr 17, 2009 10:46 AM

    the amount in number should print in the second .
    2163126312.00
    Regards,
    Sandeep

  • Character Counter for ADF 11g RichTextEditor

    I am rewriting an application in 11g RichFaces. The original app had a text area that had a maximum allowable length and used a Javascript function to display to the user how many characters they had left as they were typing. In the new app, I have replaced this functionality with the WYSIWYG RichTextEditor, but would like to give them the same functionality that they had before. I would like to display, as they type, a character count. The count needs to be of the actual displayed characters, not the count of HTML characters that are generated behind the scenes by the RichTextEditor.
    Is this possible?

    huh? waking up a 1-year-old thread to ask an unrelated question (and a demand for us to write your code for you to wit)?

Maybe you are looking for