sorting an array from a textarea

Question

1.00/5 (1 vote)

See more:

I'm putting together this grocery list project and I'm suppose to select a radio button for the grocery product category or department and than enter the item name. Insert both into a text-area. I than need a way to return the values to the text-area sorted alphabetically I'm not concerned about the items being alphabetical just the categories.

This is what I have so far it works for filling in the text-area with the values but the sorting function I can't get to work.

XML

<html>
  <head>
    <title>Grocery List</title>
    <script type="text/javascript" language="JavaScript">
        
	function addItem() 
        {
            var myForm = document.forms.groceryList;
            var listAdd = [];
            for (i = 0; i < myForm.category.length; i++) {
                if (myForm.category[i].checked) {
                    break;
                }
            }
            type = myForm.category[i].value;
     
            var myItem = document.getElementById("itemName").value;
         
            listAdd.push(type + " : "  + myItem + "\n");
           
	    var area = document.getElementById('list');
			
	    area.value = listAdd + area.value;
         }

        function printSortedList()
        {
	
	    newList = document.getElementById('list')
	    newSort = newList.value;
	    newItems = newSort.sort();
	    var tArea = document.getElementById('list');
	    tArea.value = newItems
			
        }
    </script>
    <style type="text/css">
       body,td,th {
	  color: #00F;
       }
       body {
	  background-color: #E4E4E4;
	  background-image: url(grocery_bag.jpg);
       }
    </style>
  </head>
  <body>
    <form action="#" name="groceryList">
      Category: <input type="radio" name="category" value="Produce" />Produce
      <input type="radio" name="category" value="Meat and Cheese" />Meat and Cheese
      <input type="radio" name="category" value="Grocery" />Grocery
      <input type="radio" name="category" value="Beverage" />Beverage
      <br />
      Item: <input name="item" type="text" id="itemName" size="30" />
      <br />
      <input type="button" name="add" value="Add to List"  önclick="addItem()"/>
      <br />
      <textarea name="list" rows="30" id="list" style="width:500" size="10"></textarea>
  
     </select>
  
     <br />  
     <input type="button" id="button" name="sort" value="Print Sorted List"
 önclick="printSortedList()"/>
    </form>
  </body>
</html>

Posted 11-Dec-12 20:10pm

therainking78

Updated 11-Dec-12 21:31pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

v2

Add a Solution

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Graham Breach · Accepted Answer · 2012-12-11T22:56:00

Solution 1

You're trying to sort a string, but "sort" is an array method.

Setting the contents of the textarea from an array works because the array is automatically converted to a string, but you will have to split the string you get back from the textarea into an array before sorting it.

Posted 11-Dec-12 22:56pm

Graham Breach

sorting an array from a textarea

1 solution

Solution 1

Add your solution here

Preview 0

sorting an array from a textarea

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us