Question

I have a problem with a word count using the jQuery. The method is working as soon as I click space it will stop.

HTML:

<textarea id="essay_content_area" name="essay_content" onkeydown="words();"></textarea>
<td>Number of words: <div id="othman"></div></td>

jQuery:

function words(content)
{
    var f = $("#essay_content_area").val()
    $('#othman').load('wordcount.php?content='+f);
}

PHP file:

if(isset($_GET['content']))
{
        echo $_GET['content']; // if it works I will send this variable to a function to calculate the words 
}

the script shows the content until I click space. any suggestions ?

Answer 1

You need to url-encode the value before sending it over to your PHP script as the value of a GET parameter. Consider this:

function words(content)
{
    var f = $("#essay_content_area").val()
    $('#othman').load('wordcount.php?content=' + encodeURIComponent(f));
}