JavaScript - Why Can't I Enter A 2 Digit Number

My problem is the following. I have an editable <div>:
<div class='edit' id='divContent' name='divContent' ContentEditable>some text</div>

If I press 'enter' two lines are skipped. I know that if I press 'shift+enter' only one line will be skipped. If I check the unformatted code of the contenteditable div, 'enter' gives me <p> and 'shift+enter' gives me <br>, which makes sense because <p> is formatted differently than <br>.

So I want to change 'enter' into 'shift+enter'

I have already found something to capture and kill 'return'
function killReturn()
{
key = event.keyCode;
if (key == 13) return false;
}

But now for some means to replace the killed 'enter' with 'shift+enter'?

Thanks a lot in advance for any advise!

Hi,

I am trying to modify this poetry generator script:

Poem Generator

.js-file:
PHP Code:
// Poem Generator JavaScript
// Keith Enevoldsen, thinkzone.wlonk.com

random_count=0;
nsentences=0;
nwords1=0; nwords2=0; nwords3=0; nwords4=0; nwords5=0;
nwords6=0; nwords7=0; nwords8=0; nwords9=0;

function init(form)
{
form.Samples.selectedIndex=1;
generate_input(form, form.Samples.options[form.Samples.selectedIndex].text);
make_poem(form);
}

function generate_input(form, sample_name)
{
form.title1.value = "Concrete Nouns";
form.title2.value = "Abstract Nouns";
form.title3.value = "Transitive Verbs";
form.title4.value = "Intransitive Verbs";
form.title5.value = "Adjectives";
form.title6.value = "Adverbs";
form.title7.value = "";
form.title8.value = "";
form.title9.value = "Interjections";
form.sentences.value =
    "The 5 1 6 3s the 1."
    +"\n5, 5 1s 6 3 a 5, 5 1."
    +"\n2 is a 5 1."
    +"\n9, 2!"
    +"\n1s 4!"
    +"\nThe 1 4s like a 5 1."
    +"\n1s 4 like 5 1s."
    +"\nWhy does the 1 4?"
    +"\n4 6 like a 5 1."
    +"\n2, 2, and 2."
    +"\nWhere is the 5 1?"
    +"\nAll 1s 3 5, 5 1s."
    +"\nNever 3 a 1."
    ;
if (sample_name == "Sea") {
    form.list1.value = "sea\nship\nsail\nwind\nbreeze\nwave\ncloud\nmast\ncaptain\nsailor\nshark\nwhale\ntuna\nseashell\npirate\nlad\ngirl\ngull\nreef\nshore\nmainland\nmoon\nsun";
    form.list2.value = "adventure\ncourage\nendurance\ndesolation\ndeath\nlife\nlove\nfaith";
    form.list3.value = "command\nview\nlead\npull\nlove\ndesire\nfight";
    form.list4.value = "travel\nsail\nwave\ngrow\nrise\nfall\nendure\ndie";
    form.list5.value = "big\nsmall\nold\ncold\nwarm\nsunny\nrainy\nmisty\nclear\nstormy\nrough\nlively\ndead";
    form.list6.value = "swiftly\ncalmly\nquietly\nroughly";
    form.list7.value = "";
    form.list8.value = "";
    form.list9.value = "o\noh\nooh\nah\nlord\ngod\nwow\ngolly gosh";
} else if (sample_name == "City") {
    form.list1.value = "street\nsidewalk\ncorner\ndoor\nwindow\nhood\nslum\nskyscraper\ncar\ntruck\nguy\ngirl\njob\nflower\nlight\ncigarette\nrain\njackhammer\ndriver\nworker";
    form.list2.value = "action\nwork\nnoise\ndesolation\ndeath\nlife\nlove\nfaith\nanger\nexhaustion";
    form.list3.value = "get\ngrab\nshove\nlove\ndesire\nbuy\nsell\nfight\nhustle\ndrive";
    form.list4.value = "talk\ngab\nwalk\nrun\nstop\neat\ngrow\nshrink\nshop\nwork";
    form.list5.value = "big\nsmall\nold\nfast\ncold\nhot\ndark\ndusty\ngrimy\ndry\nrainy\nmisty\nnoisy\nfaceless\ndead";
    form.list6.value = "quickly\nloudly\ncalmly\nquietly\nroughly";
    form.list7.value = "";
    form.list8.value = "";
    form.list9.value = "o\noh\nooh\nah\nlord\ngod\ndamn";
} else {
    clear_all(form);
}
form.outtext.value = "";
count_all_lines(form);
}

function clear_all(form)
{
form.Samples.value = "-";
form.title1.value = "";
form.title2.value = "";
form.title3.value = "";
form.title4.value = "";
form.title5.value = "";
form.title6.value = "";
form.list1.value = "";
form.list2.value = "";
form.list3.value = "";
form.list4.value = "";
form.list5.value = "";
form.list6.value = "";
form.list7.value = "";
form.list8.value = "";
form.list9.value = "";
form.sentences.value = "";
form.outtext.value = "";
count_all_lines(form);
}

function count_all_lines(form)
{
nwords1 = count_lines(form.list1);
nwords2 = count_lines(form.list2);
nwords3 = count_lines(form.list3);
nwords4 = count_lines(form.list4);
nwords5 = count_lines(form.list5);
nwords6 = count_lines(form.list6);
nwords7 = count_lines(form.list7);
nwords8 = count_lines(form.list8);
nwords9 = count_lines(form.list9);
nsentences = count_lines(form.sentences);
}

function random(maxnum)
{
r = Math.floor(Math.random() * maxnum) + 1;
if (r > maxnum) r = maxnum;
return r;
}

function count_lines(txt)
{
str = txt.value;
len = str.length;
nword = 1;
for (i = 0; i < len; i++) {
    if (str.charAt(i) == "\n") {
        nword++;
    }
}
if (str.charAt(len-1) == "\n") nword--;
return nword;
}

function get_line(str, lnum)
{
len = str.length;
iline = 1; ichar = 0; jchar = -1;
for (i = 0; i < len; i++) {
    if (str.charAt(i) == "\n") {
        iline++;
        if (iline == lnum) {
            ichar = i + 1;
        } else if (iline == (lnum + 1)) {
            jchar = i - 1;
            if (str.charAt(jchar) == "\r") {
               jchar--;
            }
            break;
        }
    }
}
if (jchar < 0) jchar = len - 1;
// Note: Use loop because substr() doesn't work consistently on old browsers
s = "";
for (i = ichar; i <= jchar; i++) {
   s = s + str.charAt(i);
}
return s;
}

function initial_cap(str)
{
// Note: Use loop because substr() doesn't work consistently on old browsers
len = str.length;
s = "";
for (i = 0; i <= len; i++) {
    if (i == 0) {   
        s = s + str.charAt(i).toUpperCase();
    } else {
        s = s + str.charAt(i);
    }
}
return s;
}

function make_poem(form)
{
form.outtext.value = "";
count_all_lines(form);
nlines = random(4) + 1;
for (ilin = 1; ilin <= nlines; ilin++) {
    make_poem_line(form)
}
}

function make_poem_line(form)
{
pattern = get_line(form.sentences.value, random(nsentences));
lenpat = pattern.length;
for (ichr = 0; ichr < lenpat; ichr++) {
    chr = pattern.charAt(ichr);
    // If the pattern contains a digit n, then pick a random word from list n
    if ((chr >= '1') && (chr <= '9')) {
        if (chr == '1') {
            wrd = get_line(form.list1.value, random(nwords1));
        } else if (chr == '2') {
            wrd = get_line(form.list2.value, random(nwords2));
        } else if (chr == '3') {
            wrd = get_line(form.list3.value, random(nwords3));
        } else if (chr == '4') {
            wrd = get_line(form.list4.value, random(nwords4));
        } else if (chr == '5') {
            wrd = get_line(form.list5.value, random(nwords5));
        } else if (chr == '6') {
            wrd = get_line(form.list6.value, random(nwords6));
        } else if (chr == '7') {
            wrd = get_line(form.list7.value, random(nwords7));
        } else if (chr == '8') {
            wrd = get_line(form.list8.value, random(nwords8));
        } else if (chr == '9') {
            wrd = get_line(form.list9.value, random(nwords9));
        } else {
            wrd = '';
        }
        // Capitalize first letter of sentence
        if (ichr == 0) {
            wrd = initial_cap(wrd);
        }
        form.outtext.value = form.outtext.value + wrd;   
    } else {
        form.outtext.value = form.outtext.value + chr;
    }
}
form.outtext.value = form.outtext.value + "\n";
} 


And the .html:

PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  <title>Poem Generator</title>
  <meta name="Description" content="Poem Generator">
  <meta name="Keywords" content="Poem Generator">
  <meta name="robots" content="all">
  <link rel="icon" href="http://thinkzone.wlonk.com/thinkzone_icon.png">
  <link rel="stylesheet" href="Poem%20Generator_files/style.css" type="text/css">
  <script type="text/javascript" src="Poem%20Generator_files/PoemGen.js"></script>
</head>

<body onload="init(document.form)" style="background-color: #99CC99;">
<div class="bodydiv" style="background-color: #99CC99;">

<div align="center">
<a href="http://thinkzone.wlonk.com/index.htm"><img alt="thinkzone.wlonk.com" src="Poem%20Generator_files/thinkzone_wlonk_trans.png"></a>
<h2>Poem Generator</h2>

<p>This makes random poems. First, it randomly selects sentence patterns.
Then, wherever the pattern has a number, it randomly selects a word from one
of the numbered word lists. You can either choose one of the sample sets of
words and sentence patterns, or you can enter your own words and sentence
patterns.</p>

<form name="form" id="form" action="">

  <input value="Make Poem" onclick="make_poem(this.form)" type="button"><br>
  <textarea cols="70" rows="6" name="outtext">Grow swiftly like a clear wind.
The reef falls like a rough sun.
</textarea><br>
  <br>
  <b>Word Lists</b><br>
  Samples: 
  <select name="Samples" onchange="generate_input(this.form, this.options[this.selectedIndex].text)">
    <option>-</option>
    <option selected="selected">Sea</option>
    <option>City</option>
  </select>
  
  <input value="Clear Lists" onclick="clear_all(this.form)" type="button"><br>


  <table>
    <tbody>
      <tr>
        <th>1</th>
        <th>2</th>
        <th>3</th>
        <th>4</th>
        <th>5</th>
        <th>6</th>
        <th>7</th>
        <th>8</th>
        <th>9</th>
      </tr>
      <tr>
        <td><textarea cols="12" rows="2" name="title1">Concrete Nouns</textarea></td>
        <td><textarea cols="12" rows="2" name="title2">Abstract Nouns</textarea></td>
        <td><textarea cols="12" rows="2" name="title3">Transitive Verbs</textarea></td>
        <td><textarea cols="12" rows="2" name="title4">Intransitive Verbs</textarea></td>
        <td><textarea cols="12" rows="2" name="title5">Adjectives</textarea></td>
        <td><textarea cols="12" rows="2" name="title6">Adverbs</textarea></td>
        <td><textarea cols="12" rows="2" name="title7"></textarea></td>
        <td><textarea cols="12" rows="2" name="title8"></textarea></td>
        <td><textarea cols="12" rows="2" name="title9">Interjections</textarea></td>
      </tr>
      <tr>
        <td><textarea cols="12" rows="10" name="list1">sea
ship
sail
wind
breeze
wave
cloud
mast
captain
sailor
shark
whale
tuna
seashell
pirate
lad
girl
gull
reef
shore
mainland
moon
sun</textarea></td>
        <td><textarea cols="12" rows="10" name="list2">adventure
courage
endurance
desolation
death
life
love
faith</textarea></td>
        <td><textarea cols="12" rows="10" name="list3">command
view
lead
pull
love
desire
fight</textarea></td>
        <td><textarea cols="12" rows="10" name="list4">travel
sail
wave
grow
rise
fall
endure
die</textarea></td>
        <td><textarea cols="12" rows="10" name="list5">big
small
old
cold
warm
sunny
rainy
misty
clear
stormy
rough
lively
dead</textarea></td>
        <td><textarea cols="12" rows="10" name="list6">swiftly
calmly
quietly
roughly</textarea></td>
        <td><textarea cols="12" rows="10" name="list7"></textarea></td>
        <td><textarea cols="12" rows="10" name="list8"></textarea></td>
        <td><textarea cols="12" rows="10" name="list9">o
oh
ooh
ah
lord
god
wow
golly gosh</textarea></td>
      </tr>
    </tbody>
  </table>
  <br>
  <b>Sentence Patterns</b><br>
  <textarea cols="40" rows="10" name="sentences">The 5 1 6 3s the 1.
5, 5 1s 6 3 a 5, 5 1.
2 is a 5 1.
9, 2!
1s 4!
The 1 4s like a 5 1.
1s 4 like 5 1s.
Why does the 1 4?
4 6 like a 5 1.
2, 2, and 2.
Where is the 5 1?
All 1s 3 5, 5 1s.
Never 3 a 1.</textarea></form>

<p>You can see the JavaScript source code in PoemGen.htm and PoemGen.js.</p>
</div>
<hr>

<div align="center">
<a href="http://thinkzone.wlonk.com/index.htm">Keith Enevoldsen's Think Zone</a> </div>
</div>


</body></html> 


What I want to do is add more word lists. This of course is easy in principle - I can just continue the lists like:

form.title9.value = "";
form.title10.value = "";
form.title11.value = "";

- and so on. The problem is that, in the "sentence patterns", I cannot use numbers with two digits to refer to the word lists. Then it thinks I mean 1+0 and 1+1 instead of 10 and 11. How can I allow this? I have heard about using regular expressions to "capture the number by its word boundary" - is this a good solution? If yes, can someone please explain to me how to do it? (I have tried special characters like @,#,$ and more as well as Russian and Greek letters. This makes the script unable to generate poems.)

Thank you.





Reply With Quote




12-28-2014, 08:31 PM #2
Philip M View Profile View Forum Posts

Supreme Master coder! Join Date Jun 2002 Location London, England Posts 18,371 Thanks 204 Thanked 2,573 Times in 2,551 Posts

Convert the string values which are concatenated by + (e.g. "2" + "5" = 25) into numbers (e.g. 2+5 = 7) by using the Number() method, or another way is to multiply the value by 1.

But you are using string values
if (chr == '1') {
quite unnecessarily.
Remove the quote marks to make them into numbers.
"1" is a string value. 1 is a number

Obviously chr = pattern.charAt(ichr); only captures a single numeric chararcter.
You can extract two-digit numbers from a string just by removing all non-digits
var x = str.replace(/[^0-9]/g,""); // strip all characters but digits
That of course assumes that there is only one number in the string.

Haikus are easy
But sometimes they don't make sense.
Refrigerator.

Can someone please help me generate a series of 13 digit numbers and output them to a text file. I'm really desperate here.

Thanks guys.

Dear friends,

I was looking for some help on getting all the ten digits mobile numbers in the current webpage and assign an onclick event to it just by a click of a button.
Likewise, Suppose there are mobile numbers

Code:

<p>9876543210 Blah....Blah...Any other content.9654321000</p>
<input type="button" value="Get 10 digit mobile numbers" onclick="getnumbers();" />

in the current webpage. and the user clicks on a button. Then all the ten digit mobile numbers(in this case two numbers 9876543210 and 9654321000) gets the html as
Code:

<p><span onclick="openpopup('9876543210')">9876543210</span> Blah....Blah...Any other content.<span onclick="openpopup('9654321000')">9654321000</span></p>

I am a PHP guy and probably suck at JS. Tried experimenting with the following code but didn't got it to work. Code:

var html = document.getElementsByTagName('body')[0].innerHTML; and 
match = new RegExp("/\d{10}/");     
replaceWith = "<span style='text-decoration:underline;' onclick=\"openpopup('--NUMBER--')\" >--NUMBER--</span>",
        replaced = html.replace(pattern,replaceWith);

Please get me out of this glitch as it is getting harder for me to do it.

I have a function below where every time a question is submitted, it will add a new row in the table with a textbox which allows numbers entry only. My question is that I don't know how to code these features in this function:

1: I want the text box to be between 0 and 100, so if text box contains a number which is above 100, it will automatically change the number to the maximum number which is 100.

Does any one know how to code this in my function below in javascript:

Code:

function insertQuestion(form) 
    {   
    
         var row = document.createElement("tr");
         var cell, input;
    
    cell = document.createElement("td");
         cell.className = "weight";
         input = document.createElement("input");
         input.name = "weight_" + qnum;
         input.onkeypress = "return isNumberKey(event)";
         cell.appendChild(input);
         row.appendChild(cell);
    }