JQuery :: Word Wrap A Textarea At X Number Of Characters?
Jul 14, 2010
I am currently seeking help on how to best approach finding a solution to this. Essentially I have a textarea which a user is supposed to be typing a text based email message(no HTML) The textarea has a column width of 80 However there is a recommended width of 53 characters per line. Obviously the user can just keep on typing away past the 53 character recommended width if they want, but I want to add either a form button or a link with an onClick thatanalyzes the contents of the textarea. It should insert a hard return when it reaches 53 characters, but if the 53rd character is in the middle of a word it should count back to the previous space and do the line wrap there.
Can anyone point me in the right direction? I assumed there has to a solution using jQuery, but I am at a loss. I did come across some javascript which works, but it doesn't take into account the fact that the 53rd character maybe in the middle of a word.
[Code]...
View 2 Replies
Jul 14, 2010
I have a textarea with a specific width. I have wrap="off" set because I don't want to force my users to wrap if they don't want to. The reason for this is because this textarea is where the user is typing an email message. However I have a background image set on the textarea with a verticle line going down the textarea which indicates to the user the "Recommend Width"What I want to do is provide them with a link to click on which says something like "Wrap Lines" and when they click on it, the text within the textarea would wrap to the "Recommended Width" line in the background image. The maximum length of a line should be 53 characters when they click on "Wrap Lines" link.So I did some searching around and the code I came up with is:
Code:
function showLines(max, text) {
max--;
text = "" + text;
var temp = "";
var chcount = 0;
[Code].....
View 5 Replies
View Related
Apr 6, 2009
I have a JS function that is susposed to toggle word wrap on and off in a textarea. It works fine in IE but does not work in FireFox or Opera.
Does anyone know what the trick is to get it to work in FF and Opera?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<script type="text/javascript">
[Code]....
Activities other than copying, distribution and modification are not covered by this License; they are outside its scope. The act of running the Program is not restricted, and the output from the Program is covered only if its contents constitute a work based on the Program (independent of having been made by running the Program). Whether that is true depends on what the Program does.
1. You may copy and distribute verbatim copies of the Program's source code as you receive it, in any medium, provided that you conspicuously and appropriately publish on each copy an appropriate copyright notice and disclaimer of warranty; keep intact all the notices that refer to this License and to the absence of any warranty; and give any other recipients of the Program a copy of this License along with the Program.
You may charge a fee for the physical act of transferring a copy, and you may at your option offer warranty protection in exchange for a fee.
2. You may modify your copy or copies of the Program or any portion of it, thus forming a work based on the Program, and copy and distribute such modifications or work under the terms of Section 1 above, provided that you also meet all of these conditions:
View 2 Replies
View Related
Apr 7, 2011
I just have a question regarding the wrap attribute of the <textarea> element. I am using Programmer's Notepad. I am doing an example using the split() method in JavaScript. On the <textarea> element, it has specified that I use the 'wrap' attribute, yet when I enter this code, my attribute highlights red (which usually means that you have made a spelling mistake with the element/attribute). Now, obviously I know I haven't spelt wrap wrong and it certainly tells me in this book that you can use this attribute, so is this attribute deprecated?
View 1 Replies
View Related
Jul 27, 2011
I searched about this problem over Internet and found the same result many times, I found this example on stackoverflow [URL] but this example didn't work in my project; I am making a toolbar with buttons that insert HTML tags around the selected text in a <textarea>, this exemple didn't work because when the user click on a button the selected text won't be selected anymore because <textarea> loses focus and selected text will be unselected, I am targeting Firefox and compatible browsers so you don't need to give me the IE code; jQuery codes are accepted;
View 2 Replies
View Related
Oct 24, 2005
I am trying to write a script that changes a textarea wrap realtime, basically like you can switch to and from "wordwrap" in Microsofts Notepad. Because of a bug (https://bugzilla.mozilla.org/show_bug.cgi?id=302710), FireFox does not listen to the textarea.wrap = 'soft' command. Because I want the script to be cross-browser compatible, someone suggested to remove and immediately add a node to the DOM, so I now have: Code:
View 3 Replies
View Related
Jun 12, 2009
I need to count characters in textarea so I wrote sth like this:
$input.keyup(function() {
var new_length = $(this).val().length;
$word_counter.text(new_length);
if(new_length >= min && new_length <= max) {
[Code]....
But id doesn't work when I click the right mouse button on it and choose "Paste". Counter is not updated.
View 3 Replies
View Related
Jan 4, 2010
I'm just wandering, how can you stop the replace() function from replacing characters inside a word, such as, if I try to replace 'x' with 'and', then my string would go from 'example, x' to 'eandample, and'.
View 5 Replies
View Related
Aug 22, 2002
Don't know if there is one of these online, so I made me own. Simple function that outputs a number as words. First argument is the number, second argument is flag (default = false) that controls whether output is cardinal or ordinal - as in "one" or "first".
Goodness knows if I have the grammer correct, especially when the numbers get big. Enjoy!
LIMITS:
1) Doesn't work with WebTV or below NS 4. Changing the large literal array into a common array should fix that, but I didn't bother.
2) Converts number into an integer before wording number. So, no "one point forty-five" stuff. This function is a good start for anyone who wants to do that though.
3) Always returns, "zero" for 0. Couldn't find cardinal equivalent to "zero"... zeroeth?
/*
Num2Word, ouputs written number in human language format
ARGUMENTS:
-----------
Nbr: num, the number to be worded. This number is converted into an integer.
Crd: bol, flags whether output is cardinal or ordinal number. Cardinal is used when describing the order of items, like "first" or "second" place.
*/
function Num2Word(num,fmt) {
//_ arguments
num = Math.round(num).toString(); // round value
if (num == 0) return 'zero' // if number given is 0, return and exit
//_ locals
// word numbers
var wnums = [['hundred','thousand','million','billion','trillion','zillion'],['one','first','ten','','th'],['two','second','twen',0,0],['three','third','thir',0,0],['four','fourth',0,0,0],['five','fifth','fif',0,0],['six','sixth',0,0,0],['seven','seventh',0,0,0],['eight','eighth','eigh',0,0],['nine','ninth',0,0,0],['ten',],['eleven',],['twelve','twelfth'],['thirteen',],['fourteen',],['fifteen',],['sixteen',],['seventeen',],['eighteen',],['nineteen',]];
// digits outside triplets
var dot = (num.length % 3) ? num.length % 3 : 3;
// number of triplets in number
var sets = Math.ceil(num.length/3);
// result string, word as number
var rslt = ''
//_ convert every three digits
for (var i = 0; i < sets; i++) { // for each set of triplets
// capture set of numbers up to three digits
var subt = num.substring((!i) ? 0 : dot + (i - 1) * 3,(!i) ? dot : dot + i * 3);
if (subt != 0) { // if value of set is not 0...
var hdec = (subt.length > 2) ? subt.charAt(0) : 0; // get hundreds digit
var ddec = subt.substring(Math.max(subt.length - 2,0),subt.length); // get double digits
var odec = subt.charAt(subt.length - 1); // get one's digit
// hundreds digit
if (hdec != 0) rslt += ' ' + wnums[hdec][0] + '-hundred ' + ((fmt && ddec == 0) ? 'th' : '');
// add double digit
if (ddec < 20 && 9 < ddec) { // if less than 20...
// add double digit word
rslt += ' ' + ((fmt) ? ((wnums[ddec][1]) ? wnums[ddec][1] : wnums[ddec][0] + 'th') : wnums[ddec][0]);
} else { // otherwise, add words for each digit...
// add "and" for last set without a tens digits
if ((0 < hdec || 1 < sets) && i + 1 == sets && 0 < ddec && ddec < 10) rslt += 'and '
// tens digit
if (19 < ddec) rslt += wnums[ddec.charAt(0)][(wnums[ddec.charAt(0)][2]) ? 2 : 0] + ((i + 1 == sets && odec == 0 && fmt) ? 'tieth' : 'ty') + ((0 < odec) ? '-' : ' ');
// one's digit
if (0 < odec) rslt += wnums[odec][(i + 1 == sets && fmt) ? 1 : 0];
}
// add place for set
if (i + 1 < sets) rslt += ' ' + wnums[0][sets - i - 1] + ' ' // if not last set, add place
} else if (i + 1 == sets && fmt) { // otherwise, if this set is zero, is the last set of the loop, and the format (fmt) is cardinal
rslt += 'th' // add cardinal "th"
}
}
//_ return result
return rslt
}
Test the result of various valies like so
for (var i = 0; i < 50; i++) {
var x = Math.round(Math.random() * 5000000);
document.write(x,' -> ' + Num2Word(x).bold(),'<BR>');
}
Use this function towards whatever means you deem necessary. Pease credit me, Bemi Faison, if you use this script.
View 3 Replies
View Related
Feb 4, 2009
I used AJAX in this link code...
You have to go open the navigation box on the top left (sorry I have to simplify this in the future!) and then click the third link Compare Two Bible Texts. Once you enter a word in the first textarea and select the book, chapter, and verse it doesn't record it in the textbox underneath the verse dropdown select.
Anything wrong with this AJAX code?code...
View 1 Replies
View Related
Jul 23, 2011
I have a text (sentence) in a textbox. How do I select a word under the mouse pointer/cursor? That textarea may not have focus in it. My plan is to find the index of the cursor position on the textarea. then go left and right from that index. Stop on getting space on both side. Find both the indexes and select that range. But I am not able to do it. I am stuck in the first step.
View 1 Replies
View Related
Oct 17, 2010
I am writing an HTML builder. On thing that I think would be helpful is if the user types in
="
A javascript adds another " for the user, but puts the cursor inbetween the two "'s. In other words, the javascript should assist users in writing HTML/Javascript codes. This may also be applied to < & >.
I have found this script that can get your position in a textarea. I also thought this might be of help:
Code:
var textarea = document.getElementById('code');
var tmp = textarea.value;
textarea.value = textarea.value.substring(0, textarea.selectionStart) + '"' + tmp + textarea.value.substring(textarea.selectionEnd);
Although I have tried, I have not been able to piece the scripts together.
View 1 Replies
View Related
Dec 13, 2011
I have the following requirement for a textarea:Limit the number of lines to 8 Limit the number of characters to 20 per line Force a line beak when the user reaches he end of a line but break the line at the start of the last word (not half way through the word).Allow pasting into the field and auto-format the line/character countKeep he cursor where it should be (don't move it to the end of the field after any formatting)
View 6 Replies
View Related
