javascript sorting program in html

8,658

Expert Mod 8TB

what have you tried?

Jul 13 '15 #2

actually i dnt know getting how to get values frm single text box and put in array and sort and display...pls help...if u know

Jul 13 '15 #3

8,658

Expert Mod 8TB

getting the textbox value is simple:

Expand|Select|Wrap|Line Numbers

var value = <textbox>.value;

note that <textbox> stands for a reference to the textbox element. (so plain copy/past won’t work)

the functions you’ll likely use next are String.split() and Array.sort().

Jul 13 '15 #4

i want to get multiple numbers from single text box...and sort it manually...pls wilu do d pgm for mee...

Jul 13 '15 #5

8,658

Expert Mod 8TB

np ;)

Jul 13 '15 #6

Expand|Select|Wrap|Line Numbers

 <html>

<head>

<title>

Sorting Numbers....!!!!!

</title>

<script type="text/javascript">

var myArray = [];

function bubblesort()

{

var inputValue = document.getElementById("valueField");

for (var i = 0; i < inputValue.value; ++i)

{

inputValue.innerHTML = "";

myArray[i] = document.getElementById("valueField").value;

}

var length=myArray.length;

var returnArray=new Array(length);

for (var i =0; i < (arrayToSort.length-1); i = i+1)

{        
 
if ((arrayToSort[i+1]) < (arrayToSort[i]))

{
 
var temp = arrayToSort[i+1];

arrayToSort[i+1] = arrayToSort[i];

arrayToSort[i] = temp;
 
}
 
}

return returnArray;
 
</script>

</head>

<body>

<form>

Enter number of values:

<input id="valueField" type="number">

<input id="submitButton" value="Submit" type="button">

</form>
 
</body>

</html>

this is what so far i did...plzzz help....

any corrections and further completion

Jul 13 '15 #7

8,658

Expert Mod 8TB

#1 input fields do not have an innerHTML property. they’re empty elements.

#2 why creating an explicit bubblesort implementation? doesn’t the native sort work for you?

#3 on line 11 you treat the input as a max value. on line 14 you put the same value that many times in an array, i.e. you get an array of size n with the number n as each element. due to that the sorting afterwards does not make any sense.

#4 if your input is not a single number (e.g. a comma-separated list of numbers) your code will bail out due to impossible number conversion (i.e. resulting in NaN (not a number))

Jul 13 '15 #8

pls..will u write the pgm for me??/plss...

Jul 13 '15 #9

8,658

Expert Mod 8TB

np ;)

Jul 14 '15 #10

np means??//anybody...pls helppp..........

Jul 14 '15 #11

8,658

Expert Mod 8TB

it's short for nope (I mean, you’re abbreviating words as well, so why shouldn’t I?). we will not do the work for you, but we will help you with problems you encounter.

Jul 14 '15 #12

hmm...i dnt know dats y...is there any other place...where i can get the required program

Jul 14 '15 #13

pls tell me how to get input value numbers from one input texbox and get them into array

Jul 14 '15 #14

8,658

Expert Mod 8TB

erm, I did that on post #4.

Jul 14 '15 #15

are u telling that more than one number in an input box is invalid??

Jul 14 '15 #16

8,658

Expert Mod 8TB

no, I tell you that your program logic is busted.

Jul 14 '15 #17

Expand|Select|Wrap|Line Numbers

 <html>

<head>

<title>

This is the real sorting.....

</title>

</head>

<script type="text/javascript">

var numbers= new array(6);

function swap(i,j)

{
 
}

function selectionSort()

{

    var largest;

    for (i=0; i<5; i++)

    {

        largest=0;

        for (j=1; j< (6 - i); j++)

        {

                if (numbers[largest] < numbers[j] )

                {

                        largest=j;
 
                }

        }

        swap( largest, (5-i) );
 
     }

}
 
</script>

<body bgcolor=pink>

<form name="form1">

<h1>Input Section</h1>

<table>

<tr>

<th>0</th>

<th>1</th>

<th>2</th>

<th>3</th>

<th>4</th>

<th>5</th>
 
</tr>

<tr>

<td>

<input type="text" name="i0" size="4">

</td>

<td>

<input type="text" name="i1" size="4">

</td>

<td>

<input type="text" name="i2" size="4">

</td>

<td>

<input type="text" name="i3" size="4">

</td>

<td>

<input type="text" name="i4" size="4">

</td>

<td>

<input type="text" name="i5" size="4">

</td>
 
</tr>

</table>
 
<input type=button value="Sort" name="selSort"

onClick="sort()">

<h1>Output Section</h1>

Once you click on the sort button above, the numbers in boxes will be sorted

accordingly and then be placed in these boxes.

<table>

<tr>

<td>

<input type="text" name="o0" size="4">

</td>

<td>

<input type="text" name="o1" size="4">

</td>

<td>

<input type="text" name="o2" size="4">

</td>

<td>

<input type="text" name="o3" size="4">

</td>

<td>

<input type="text" name="o4" size="4">

</td>

<td>

<input type="text" name="o5" size="4">

</td>
 
</tr>

</table>
 
</form>
 
</body>

</html>

pls tell any corrections...and how to complete the pgm

Jul 14 '15 #18

8,658

Expert Mod 8TB

why do you insist on creating your own sort() implementation?

Jul 14 '15 #19

i hav to do it without built in functions....thatsy............

Jul 14 '15 #20

Sorting a HTML table with Javascript

8,658

Expert Mod 8TB

that would have been nice to know in the first place …

anyways, the first thing to do is analysing the current problems.

- #1 is the conversion from an input to an array
- #2 is the sorting of the array

what you need to do is solve each problem separately instead of trying all at once.

there are different approaches you could do.

- make a temporary page that only concerns with a single problem. i.e. you completely neglect problem #2 while working on #1 (and vice versa)

- mock all other problems while working on one. i.e. use use Array.sort() while working on problem #1 and use a predefined array as input while working on problem #2.

Jul 14 '15 #21

by: Tim | last post by:

I've been working on this for over a week now, and just can't get this figured out. Hoping one of you gurus can help me out here. I have an xml data island that I'm representing on an htm page as...

.NET Framework

by: Gareth Gale | last post by:

I'm trying to implement a way of allowing a user to sort a HTML table via Javascript on the client. I've seen lots of samples where single column sorting (asc or desc) is shown, but I'd like nested...

javascript popup using html "map" tag?

by: Mosher | last post by:

Hi all, is there a good way to have a popup window appear using Javascript and the html "map" tag? Here is my code: <map name="navigation"> <area shape="rect" coords="5,57,45,70"...

accessing javascript entities in html

by: ian ward | last post by:

Hello, I want to show the result of some JavaScript on an HTML page. I've had a look at some threads and it seems the conclusion is the following - javascript entities are usable on the...

accessing javascript variables in HTML

by: ksr | last post by:

Hello, I have a HTML page, which loads an activeX control in the browser. In the <HEADsection, I have javascript similar to the following, <SCRIPT language="JavaScript"> var Index = ""; //...

ANY S.W: To calculate the time taken by sorting program in C

by: myselfrajotia | last post by:

DEAR FRIENDS, I need a software which can calculates the time taken by a sorting program written in C language. or if there is no s/w, then is there any other alternative. plz do help me.

C / C++

Write value of JavaScript variable in HTML tag

by: jessy | last post by:

i need to know if its possible to write the value of a Javascript variable inside HTML tag ..and here's the line : var x=document.getElementById('div1').value; formdiv.innerHTML =...

I want to display the result of a javascript function within html underline tag.

by: LindaDhasan | last post by:

Hi, I am a beginner with javascript.Please help me clarify how to display the result of a javascript function within html underline tag.PFA the code. <html> <head> <script...