JavaScript - Selection Sort (descending Order) Pseudocode Check

Hello

I've been struggling trying to get a small order form to work the way I want it to. Here is a link to the live page:
http://www.watphotos.com/introductio...otography.html

And here is the code in question:

Code:

<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script> 
<script type="text/javascript" charset="utf-8"> 
 $(document).ready(function(){
	var initial	= 0
	var total = 0;
	var services = 0;
	function addServices()
	{
		initial = 150
		total = initial
		services = 0;
		$("input:checked").each(function(){
			value = $(this).attr("value");		
			services += parseInt(value);
		});
	}
	$(function()
	{
		addServices();
		total += services;
		$("form").before('<p class="price"></p>')		
		$("p.price").text("Total Price: US$" + total);
	});
 	$("input:radio, input:checkbox").click(function () {
		addServices();
		total += services
		$("p.price").text("Total Price: US$" + total);
    });
 
 });
 
</script>

I have two questions...

Question 1
How can I make this piece of script act a little smarter. Look at the order form, I'm catering for up to 4 people and providing lunch for them. If they select 3 people and the spaghetti bol for lunch, it's only adding $10 where it should be adding $30. Obviously this is simple multiplication but since the values in my form are prices it makes it a little tricky.
I'm guessing an onselect on the first part of the form which changes the pricing of the other items would be the way to go, but how do I do this?

Question 2
The "Total Price" is placed before the <form> tag by the script. This is ok but it's not where I want it. How can I position this text elsewhere in the document?

Thanks in advance!

On this webpage
http://www.corkdiscos.com/testimonials.html

i have a like button.
when a user clicks like a comment box appears.
when i unlike the button the comment box disappears

this is ok but when a user has already liked the facebook page and comes to my webpage
the comment box does not show.

so im looking for a piece of javascript to check if a user has like the button on my page and if so to show the comment box.

please check my source code of the website http://www.corkdiscos.com/testimonials.html to see what i have so far.

any help would be greatly appreciated

Hi guys.

I'm working a bunch of pre existing code on a CMS. Just after a quick fix. Doing a show/hide thing on a particular div somewhere on the page depending if a checkbox is ticked or not.

Currently there is 3 checkboxes that are dynamically added through the CMS.

Here's simplified version of the form:

Code:

<form id="simplesearch" name="simplesearch">
<input type="checkbox"   onclick='showhidefield(this.value)' name="meta_data_array_search_criteria[custom_profile_type][]" value="5"  class="input-checkboxes" />
<input type="checkbox"   onclick='showhidefield(this.value)' name="meta_data_array_search_criteria[custom_profile_type][]" value="4"  class="input-checkboxes" />
</form>

And here's the javascript I was playing with.
Code:

function showhidefield(id)
{
   if(document.simplesearch.meta_data_array_search_criteria[custom_profile_type][''].checked) {
      document.getElementById("profile_fields_wrapper_" + id).style.visibility = "visible";
   }
   else
   {
      document.getElementById("profile_fields_wrapper_" + id).style.visibility = "hidden";
   }
}

Problem I'm having is how do i do a check to see if those checkboxes are checked in the javascript with those name arrays? How do i separate them? 'm guessing I have to loop through them or something?Hopefully that make senses - it's late here and I'm losing the plot Any pointers would be gratefully welcomed

Hello JS experts:

I simply want to sort this output by date:

Code:

document.write(x[i].getElementsByTagName("cdate")[0].childNodes[0].nodeValue);

Why can't I simply just do this?
Code:

document.write((x[i].getElementsByTagName("cdate")[0].childNodes[0].nodeValue).sort());

XML :
Code:

<item>
<number>10-0057-FW</number>
<title>Supervisory Contract Specialist</title>
<link>http://test.usaid.com/careers/TESTgscover.html#1826296</link> 
<guid>http://test.usaid.com/careers/TESTgscover.html#1826296</guid>
<description>10-0057-FW, Grade: GS-1102-15, Office: OAA, Opening Date: 02/26/10, Closing Date: 03/09/10, USAID Employees Only</description>
<opp>1826296</opp>
<office>OAA</office>
<grade>SS-1102-15</grade>
<odate>02/26/10</odate>
<cdate>03/09/10</cdate> 
<eligibility>Employees Only</eligibility>
<pubDate>Fri, 26 Feb 2010 09:35:42 -0500 </pubDate>
</item>

Partial JS:
Code:

var x=xmlDoc.getElementsByTagName("item");

for (i=0;i<x.length;i++)
  {
			 . . .

document.write(x[i].getElementsByTagName("cdate")[0].childNodes[0].nodeValue);
document.write("</td><td>");
			. . .

I already have a sort function that but wish to provide my users with the ability to specify custom sorts - days of the week, months etc.

Assuming that I have a function that will return day of week (ie 'Mon' = 0, "Tue" = 1, "Wed" = 2 ... etc) can anyone show me how I would incorporate this into a sort routine?

Many thanks in advance should you respond to this.

Hi I'm working on displaying a list of events on my site and need to display them in ascending order. i've got an xml document that looks like this(with multiple events obviously, i've just put one here):

Code:

<EventList>
  <Event>
    <Title>title example</Title>
    <myDescription>description example</myDescription>
    <myLink>http://www.example.com</myLink>
    <dayDate>10</dayDate>
    <monthDate>5</monthDate>
    <yearDate>2010</yearDate>
    <EventPic>Event.gif</EventPic>
  </Event>
</EventList>

Then on my html page, I have this javascript:

Code:

<script type="text/javascript">
if (window.XMLHttpRequest)
  {
  xhttp=new XMLHttpRequest();
  }
else // Internet Explorer
  {
  xhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xhttp.open("GET","Events.xml",false);
xhttp.send("");
xmlDoc=xhttp.responseXML; 

  var jDate=new Date();
  var jYear=jDate.getFullYear();
  var jYearStr=jYear.toString();
  var jMonth=jDate.getMonth()+1;
  var jMonthStr=jMonth.toString();
  var jDay=jDate.getDate();
  var jDayStr=jDay.toString();
  var currentDate=jYearStr+jMonthStr+jDayStr;

document.write("<div>");
var x=xmlDoc.getElementsByTagName("Event");

for (i=0;i<x.length;i++)
  { 
  var theMonthDate=x[i].getElementsByTagName("monthDate")[0].childNodes[0].nodeValue;
  var theDayDate=x[i].getElementsByTagName("dayDate")[0].childNodes[0].nodeValue;
  var theYearDate=x[i].getElementsByTagName("yearDate")[0].childNodes[0].nodeValue;
  var theDate=theYearDate+theMonthDate+theDayDate;
  if (theDate>=currentDate)
  {
  document.write("<br>");
  document.write("<a href='");
  document.write(x[i].getElementsByTagName("myLink")[0].childNodes[0].nodeValue);
  document.write("'>");
  document.write(x[i].getElementsByTagName("Title")[0].childNodes[0].nodeValue);
  document.write("</a>");
  document.write("<br>");
  document.write(x[i].getElementsByTagName("myDescription")[0].childNodes[0].nodeValue);
  document.write("<br>");
  document.write(x[i].getElementsByTagName("monthDate")[0].childNodes[0].nodeValue);
  document.write("/");
  document.write(x[i].getElementsByTagName("dayDate")[0].childNodes[0].nodeValue);
  document.write("/");
  document.write(x[i].getElementsByTagName("yearDate")[0].childNodes[0].nodeValue);
  document.write("<br>");
  }
  }
document.write("</div>");
</script>

Can anyone help me with sorting this? So far I have it displaying only events that are occuring after the present date(currentDate). How would I go about displaying them so that the events displayed will be in the order of the earliest date displaying first?

Thanks so much,
Alex

I have a status page on my website, but I have multiple servers, and they cramp up the one page.
I was wondering if it was possible if I could have a link that says "CSS Server Status" and it drops down with the code for the CSS server, and say for "SAMP Server Status" drops down with the code/html for the samp server.

I haven't a clue about Javascript, so as much help as possible would be appretiated.

Hi,

OK, I know a bubble sort is very inefficient for sorting values but I have to do it as part of some coursework.
I have the code working, i.e. it produces a sorted list of numeric values but the process of sorting the values is wrong.

Below is my complete script.
Code:

<HTML>
    <HEAD>
        <TITLE>
        A program to sort an array using a bubble sort
        </TITLE>
    		<SCRIPT>
    		
		/*A function to sort an array.
		Function takes an array of numbers as an argument.
		Function returns a new array with the same
		elements as the argument array, sorted
		into ascending order*/
		
    	function bubbleSort(arrayToSort)
		{
			// declare and initialise a variable to hold the length of the argument array
			var length = arrayToSort.length;
			
			//declare an array to be returned by the function
			var returnArray = new Array(length);
			//copy each element of the argument array to the return array
			for (var i = 0; i < length; i = i + 1)
			{
				returnArray[i] = arrayToSort[i];
			}
									
			//  PLACE YOUR CODE FOR THE FUNCTION HERE
			/* */
			for (var j = 0; j < returnArray.length - 1; j = j + 1)
			{
				for (var k = j + 1; k < returnArray.length; k = k + 1)
				if (returnArray[j] > returnArray[k])
                {
                    var temp;
                    temp = returnArray[j];
                    returnArray[j] = returnArray[k];
                    returnArray[k] = temp;
                    document.write('Array after each swap ' + returnArray + '<BR>')
                }					
			}
            return returnArray;
		}
		

		
		/* a function for testing the bubbleSort() function.
		Function assigns an array to a variable
		Displays elements of unsorted array in order
		Invokes bubbleSort() function with the array as the argument
		Displays elements of sorted array in order
		Function takes no arguments.
		Function returns no value.*/
		function bubbleTest()
		{
			var unsortedArray; //array to accept numbers to be sorted
			var sortedArray; //array to show sorted numbers

			// the array of values to be sorted
			unsortedArray = [4,3,2,1];
			
			// TO DO TASK 3 (iv)
			// PLACE YOUR FUNCTION CODE HERE
			/*Write out the array 'unsortedArray'*/
			document.write('A program to sort a series of numbers using the Bubble Sort method.' + '<BR>' + 'Unsorted array ' + unsortedArray + '<BR>');
			/*Assign the results of the 'bubbleSort' function to the array 'sortedArray'*/
			sortedArray = bubbleSort(unsortedArray);
			/*Write out the array 'sortedArray'*/
			document.write('Sorted array ' + sortedArray + '<BR>');
			
			
			/* The arrays below are for use in Task 4 (iii) and Task 5(iii) and can be ignored in Task 3
			
			DATA SET 1
			[8,4,6,2,10,5,3,7,1,9]
			DATA SET 2
			[1,5,2,8,6,7,10,9,4,3]
			DATA SET 3
			[ 6,3,8,7,2,9,10,4,5,1]
			DATA SET 4
			[7,5,2,10,6,8,4,3,9,1]
			DATA SET 5
			[9,4,1,10,5,2,3,8,7,6]	
			*/
		}
		
		/*Test area for bubbelSort array*/
		//var unsortedArray = [9,7,2,10,1,4,8,6,5,3]; //Test arguments
		//bubbleSort(unsortedArray);
		
		// invoke bubbleTest() to test the bubbleSort() function
       	bubbleTest();
				

		</SCRIPT>
    </HEAD>
    <BODY>
        
    </BODY>
</HTML>

OK, the problem is that on after the first pass, the numbers should be as follows:
3,2,1,4
The biggest number always ends up in it's place after each pass. My code above outputs the numbers after the first pass:
3,4,2,1

You will notice it is probably an inefficient way of writing the code. We have to only use code we have learnt

Sorry for the long post!!

I check the web and they only show you how to sort the whole array. I would like to be able to sort the subset of the 2D array. Here's my array.

Code:

var myArray=new Array(
new Array("af","ad","az","ab"),
new Array("bc","bd","bg","bb","bx"),
new Array("cf","ck","ca","cv","co"),
new Array("dd"));

How would I sort the sub array independently. So only the a's together, then only the b's together, etc.

thanks

Hey guys

my question is related to sort table

This is the code for the table:

PHP Code:
$result = $conn->query("SELECT query, link, pro,pro_update,ana,ana_update,cell,cell_update,cellother,cellother_update,gen,gen_update,genother,genother_update,author,author_update,other,other_update,date,id
FROM mailing_list
WHERE email = '$email'
ORDER BY $order LIMIT $start_row, $max_per_page;");

echo "<table class=\"sortable\" id=\"query_quick2\" width=\"100%\" >\r\n";
echo "\t<tr><th class=\"sorttable_alpha\" >Updated Query</th><th width=\"10\" class=\"sorttable_alpha\" >Link</th>
<th class=\"sorttable_alpha\" >Promoter Locus</th><th class=\"sorttable_alpha\" >Update</th>
<th class=\"sorttable_alpha\" >Anatomical Area</th><th class=\"sorttable_alpha\" >Update</th>
<th class=\"sorttable_alpha\" >Cell Type</th><th class=\"sorttable_alpha\" >Update</th>
<th class=\"sorttable_alpha\" >Other Cell Type</th><th class=\"sorttable_alpha\" >Update</th>
<th class=\"sorttable_alpha\" >Genetic Background</th><th class=\"sorttable_alpha\" >Update</th>
<th class=\"sorttable_alpha\" >Other Gen. Back.</th><th class=\"sorttable_alpha\" >Update</th>
<th class=\"sorttable_alpha\" >Author</th><th class=\"sorttable_alpha\" >Update</th>
<th class=\"sorttable_alpha\" >Other</th><th class=\"sorttable_alpha\" >Update</th>
<th class=\"sorttable_mmdd\" >Date</th><th class=\"sorttable_nosort\" ></th><th class=\"sorttable_nosort\" ></th>\r\n";

if($result->num_rows){
while ($row = $result->fetch_array()){
$RowCount ++;
$row_color = ($RowCount % 2) ? $color1 : $color2;
echo "<form method = \"post\" action=\"{$_SERVER['PHP_SELF']}\">";
echo "\t<tr id=\"{$row['id']}\" class=\"$row_color\" >
<td>{$row['query']}</td><td>{$row['link']}</td>
<td>{$row['pro']}</td><td>{$row['pro_update']}</td><td>{$row['ana']}</td>
<td>{$row['ana_update']}</td><td>{$row['cell']}</td><td>{$row['cell_update']}</td><td>{$row['cellother']}</td>
<td>{$row['cellother_update']}</td><td>{$row['gen']}</td><td>{$row['gen_update']}</td><td>{$row['genother']}</td>
<td>{$row['genother_update']}</td><td>{$row['author']}</td><td>{$row['author_update']}</td><td>{$row['other']}</td><td>{$row['other_update']}</td>
<td>{$row['date']}</td>
<td><input type=\"submit\" name=\"edit_mail\" value = \"Edit\"/></td>
<td><input type =\"hidden\" name = \"id\" value=\"{$row['id']}\"/></td>
<td><input type=\"submit\" name=\"delete_mail\" value =\"Delete\"/></td>
</tr>";
echo "</form>";


}
}

echo "</table>"; 



This is an excerpt of the script which deletes the specific entry:


PHP Code:
} elseif(isset($_SESSION['user_id']) AND isset($_POST['delete_mail'])){
//user is deleting existing queries
$connect=db_connect_2();
$id = mysqli_real_escape_string($connect, $_POST['id']);


$sql2 = "DELETE FROM mailing_list WHERE id='$id'";
$result = mysqli_query($connect, $sql2) or mysqli_error($conn);

$msgs[] = "Queries DELETED successfully.";
$body = "account.php";
} 



I can delete the specific entry like usual at the beginning

but right AFTER i sort the table by clicking a column heading, say, promoter locus, (using sortable.js)

and then when i try to delete a specific entry, problem arises.

Instead of deleting the entry i want, it always deletes the LAST entry.

Now as you can see, i select a specific value for $id, using post method from a form

But shouldn't the value of $id point to the entry i want to delete when i click the "delete" button near it? (i mean it works fine before i sort the table)

Any help would be greatly appreciated

Thanks.

My problem is in the drop down menus for site names, we have hundreds of sites and unfortunately the menu is not sorted 0-1 then A-Z and I would love it to be sorted like that.

I have tried to do my homework and understand java / javascript but I just can't stand it and I feel it is too complicated for me. The good news is I used to be a good ASP/vbscript programmer about 12 years ago so I have the "common sense" of understanding how to apply something similar on other pages, because I have lots of drop down menus that I need to sort.

I need your help in the attached file please. I need someone to simply highlight for me where in the javascript is fetching the site names from the DB and what needs to be added to sort them.
Please identify it inside the file by either different color or bold font. Once I see it i will be able to figure out how to apply it in general to the other menus in the other pages.

Thank you in advance.

We list our branches on our webpage, but I want people to be able to search for the nearest ones.

This is the form I built as a place holder... but I'm sure I need a "little something" to go along with it. ha ha ha.

Code:

<form class="login">
		  &nbsp <label class="white"><b>Zip Code</b><br />
		  &nbsp <input name="zip" type="text" maxlength="5" size="10"/>
		  </label>
  	
	    <br /><br />
  
		<label>
    
	    &nbsp <input type="submit" name="submit" id="submit" value="Go!" class="btn" />
	    </label>
		</form>

I would like to sort them in order of closest to furthest (or even just display the top 5)... where would I find something like that?

I seem to be having a difficult time with my searches in google and otherwise.

Anyone have any ideas?

http://jsfiddle.net/FZ44M/3/

Thats my jsfiddle.

I'm trying to get the gallerynav to sort the thumbnails based on their class.
It does not work at all.
I've gone over line by line but I can't see the mistake.

When I run JSLink i get the error:
Error:
Problem at line 37 character 14: Cannot set property 'first' of undefined
Implied global: $data 13,14, arr 14,15,25, jQuery 28, $ 30
Unused variable: read_button 30 "$", r 32 "read_button"

I appreciate any help.

Hello, I have the following object:

Code:

		var layers = {			
			photo1 : {
				index : 1,
				xPos : 63,
				yPos : 48,
				angle : 0
			},
			background : {
				index : 0,
				xPos : 278,
				yPos : 163,
				angle : 0
			}
		}

How can I sort the objects by the index property?

Code:

for(var layer in layers.sort(???))
{
}

Thx Very Much!

Hello,
I have the following script, but I'd like to sort each nested array before it is written. How can I do this? I've tried putting Games.sort(); and Games[0].sort(); in different places, but it never seems to work.
Code:

var Games = new Array();

//PS3
Games[0] = new Array();
Games[0][0] = "ps3list";
Games[0][1] = "Uncharted: Among Thieves";
Games[0][2] = "Prince of Persia";
Games[0][3] = "Saboteur";
Games[0][4] = "Assassins Creed";

//Wii	
Games[1] = new Array();
Games[1][0] = "wiilist";
Games[1][1] = "Wii Play";
Games[1][2] = "Mario Party 8";
Games[1][3] = "Okami";
Games[1][4] = "Wii Sports";

function loadGames(){
    for (i = 0; i < Games.length; i++) {
        var list = "<ul>";
        for (j = 1; j < Games[i].length; j++) {
            list += "<li><input type = 'checkbox' class='checkbox' name = '" + Games[i][j] + "' />" + Games[i][j] + "</li>";
        }
        list += "</ul>"
        document.getElementById(Games[i][0]).innerHTML = list;
    }
}