Log In

Email:
Password:
Keep me logged in

Forgot Password

Email:




Social Media
     
CategoriesCSS (5)
jQuery (73)
PHP (30)
.htaccess (4)
Sponsored Links


Sort Array Backwards
Javascript jQuery
Demo | Browse Category | Wednesday, January 11, 2012 by




jQuery:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
$(".thearray").keyup(function(){
var t = $(".thearray"); //INPUT
var p = /^[a-z]+$/; //PATTERN FOR LOWERCASE LETTERS
var x = []; //BLANK UNTIL 1ST "FOR LOOP"
var s = ''; //BLANK UNIL 2ND "FOR LOOP"

//LISTS CAPITALIZED BEFORE LOWERCASE BY DEFAULT
//THEREFORE, WE MUST CAPITALIZED IF THE 1ST LETTER IS LOWERCASE TO SORT ALPHABETICALLY
//Ex: ("apple", "Banana", "pear") Banana would go first
for(i=0; i<t.length; i++){
element = t.eq(i).val(); //VALUE OF INPUT INDEX
if(element){
if(element[0].match(p)){ //IF THE FIRST LETTER IS LOWERCASE...
var u = element[0].toUpperCase(); //FIRST LETTER BECOMES CAPITALIZED
z = u+element.substr(1); //ITEM WITH NEWLY CAPITALIZED FIRST LETTER
} else {
z = element; //ITEM WITH AN ALREADY CAPITALIZED FIRST LETTER
}

x[i] = z; //ADDS ALTERED ITEMS IN BLANK ARRAY
} else {
x[i] = ""; //ADDS NOTHING IF INPUT IS EMPTY
}
}
x.sort();
x.reverse();

//"FOR LOOP" TO SHOW ALL OF NEW ARRAY
for(i=0; i<x.length; i++){
s += x[i]+"<br>"; //ITEM OF ARRAY
}
$("#array").html(s); //SHOWS NEW ARRAY IN HTML
});
});
</script>
</head>
<body>
<input class="thearray">
<input class="thearray">
<input class="thearray">
<input class="thearray">
<input class="thearray">
<span id="array">
</body>
</html>
Views: 106 Likes: 0 Dislikes: 0