JavaScript - Javascript Need To List Image Array As Thumbnails

I want to have another go at Javascript. I have several books on the subject but I find that my eyesight is a major problem. Therefore I want to try an on-line solution, preferably free.

I have Googled, but there are so many that I am almost dizzy with the choices.

Perhaps someone could recommend one. Not too fussy visually. My knowledge is VERY basic.

Frank

Problem
Part 1.
Gather data from linux server and output to a file named data_DDMMYY
Output file must contain the file name and size

Part 2.
Compare todays data_DDMMYY to yesterdays data_DDMMYY and output results to a file named difference_DDMMYY

Output file must show the difference in size between same named files and identify new and deleted files

Solution
Part 1.
Log into linux, use command "find . -daystart -ctime 0 -type f | xargs ls -sSh > data_DDMMYY"
Sample output:


Part 2.
Perhaps use of an array and iterator? (my knowledge is very limited when it comes to arrays and iterators)

Idea

Grab file 1, go to line 1, read first string and save to variable x, read second string and save to list2

Grab file 2, using the current line in list2, look for a match.

If a match is found, go to that line, read first string and save to variable y

Calculate difference of x-y and save to list1, output first line of list 1 and list 2 to difference_DDMMYY

If match is not found, output <string>.notFound to a new line in difference_DDMMYY

Grab file 1, go to line 2, read first string and save to x, read second string and save to new line in list 2

etc ... until all lines in file 1 have been used.

Then somehow I'd like to find the lines in file 2 that weren't copied to a list and output them to the difference_DDMMYY as <String>.newFile

I'm sure there's some sort of for loop I can use to solve this, but as of right now I'm stumped and need ideas >.<

Any and all help is appreciated.

P.S. I'm new to programming, I'm not sure which language would be best to fix this problem

hi, i am currently working on aptana stuidio Nokia WRT to create a mobile widget.

the projects requires the retrieval of data from a database. I've created a java servlet in eclipse to connect and execute query to the database.

In aptana, i'm using js file and html file. i am able to connect to the servlet,
process the data (split it) and store in an array to display the retrieved data on screen.

But now i am facing problems to put the retrieved data (array) into a drop down list for selection. can i do it in a js file?

thanks =)

Hi, I'm trying to find out the min and max values of randomly generated values in a array list. Its a checkout system that randomly add a customer to a queue and does the same to remove a customer depending on a randomly generated number. Ive managed to figure out the mean of the queue but can only display the total values added to the list rather than display when the queue was at it biggest value. If anyone can point me in the right direction it would be greatly appreciated.

___________________________________________________________________

import java.io.BufferedWriter;
import java.io.FileWriter;
import java.io.IOException;
import java.util.ArrayList;
import java.util.LinkedList;
import java.util.ListIterator;
import java.util.Queue;
import java.util.Random;


public class Checkout {

private Queue<String> tillQueue;
private int rndNumber;
private int currentLen;
private ArrayList <Integer>lengthList;
private Random r;
public Checkout()
{
tillQueue = new LinkedList<String>();
currentLen = 0; //current queue length
lengthList = new ArrayList <Integer>();
r= new Random();

}
public void simulation()
{
System.out.println("Time" + "\t" + "Rnd" + "\t" +"Queue Status");

for (int t=2; t<10; t++)
{
rndNumber =r.nextInt(6)+1;

if (rndNumber==2 || rndNumber==4 || rndNumber==6)
{
tillQueue.add(String.valueOf(t));
currentLen++;
}
else if ((rndNumber==1 || rndNumber==3) && !tillQueue.isEmpty())
{
tillQueue.remove();
currentLen--;
}
else if(rndNumber==5)
{
//do nothing
}
if(tillQueue.isEmpty())
{
System.out.println(t + "\t" + rndNumber + "\t" + "Queue is empty");
}
else
{
System.out.println(t + "\t" + rndNumber + "\t" + tillQueue.toString());
}

lengthList.add(new Integer(currentLen));
}
}
public double CalculateMeanLength()
{
double mean=0.0;
int sumOfLengths = 0;

for (int i = 0; i<lengthList.size();i++)
{
sumOfLengths=sumOfLengths+(Integer)lengthList.get(i).intValue();
}

mean = (double)sumOfLengths/lengthList.size();

return mean;
}

public int ShowMax()
{
int max = 0;
//i know its going to be a for loop of some kind but not sure how to do it//
}


----------------------------output via controller================

Time Rnd Queue Status
2 6 [2]
3 5 [2]
4 3 Queue is empty
5 5 Queue is empty
6 1 Queue is empty
7 5 Queue is empty
8 5 Queue is empty
9 4 [9]
mean length = 0.375
max length = 3
//the max length here should be 1

===========================================

Thanks in advance for your help

I am working on a page where the user will select a location from a dynamically generated dropdown list.

I was able to create the php multidimensional array (tested and working) from a MySql database using the users information at login, but I'm having problems converting it to a javascript multidimensional array. I need to be able to access variables that I can pass to a number of text fields within an html form.

For instance, if a user belongs to a company with multiple addresses, I need to be able to let them select the address they need to prepopulate specific text fields.

php array creation:
Code:

if ($row_locations) 
{ 
	while ($row_locations = mysql_fetch_assoc($locations))  
	{ 
		$mail[$row_locations['comp_id']]=array('mailto'=>$row_locations['mailto'], 'madd'=>$row_locations['madd'], 'madd2'=>$row_locations['madd2'], 'mcity'=>$row_locations['mcity'], 'mstate'=>$row_locations['mstate'], 'mzip'=>$row_locations['mzip'], 'billto'=>$row_locations['billto'], 'badd'=>$row_locations['badd'], 'badd2'=>$row_locations['badd2'], 'bcity'=>$row_locations['bcity'], 'bstate'=>$row_locations['bstate'], 'bzip'=>$row_locations['bzip']);
	} 
}

javascript function - this should create the array and send variables to text fields.
Code:

function updateAddress() {
var mail = $.parseJSON(<?php print json_encode(json_encode($mail)); ?>);
{
if (comp_id in mail) {
document.getElementById('mailto').value=mail.comp_id.mailto.value;
document.getElementById('madd').value=mail.comp_id.madd.value;
document.getElementById('madd2').value=mail.comp_id.madd2.value;
document.getElementById('mcity').value=mail.comp_id.mcity.value;
document.getElementById('mstate').value=mail.comp_id.mstate.value;
document.getElementById('mzip').value=mail.comp_id.mzip.value;
} else {
document.getElementById('mailto').value='';
document.getElementById('madd').value='';
document.getElementById('madd2').value='';
document.getElementById('mcity').value='';
document.getElementById('mstate').value='';
document.getElementById('mzip').value='';
}
}
}

Where is this breaking?
Thanks in advance.

i want to use arrays to populate an HTML list. I can populate the main list items but I can't seem to get the sub list items to work.

Can anyone point out my mistake?

Code:

 
 
<HTML>
<Body>
<ul>
<script>
var pages = ["page1", "page2","page3"];
var subPages = ["sub1","sub2"];

for(var i = 0; i < pages.length; i++){
var page = pages[i];
document.write('<li>' + page + '</li>');


if (page == "page2"){
document.write('<ul>');
for(var i = 0; i < subPages.length; i++){
var subPage = subPages[i];
document.write('<li>' + subPage + '</li>');

}
document.write('</ul'>);

}



}
</script>

</ul>
</body>
</HTML>

I am working on a website that involves a pizza. I have a drop down box with the following options: small, medium, large, and extra large. When the user selects small the topping price is $0.75 each, when the user selects medium the topping price is $1.00 each, when the user selects large the topping price is $1.25 each, and when the user selects extra large the topping price is $1.25 each. I the problem is no matter what size the user selects the topping price is always $0.75.

Here is code that goes with the drop down box :

Code:

<td height="49" align="right"><label for="Pizza_Size">Size</label>
      <select name="Pizza_Size" id="Pizza_Size" onchange = "SetToppingPrice()" />
        <option value="Small_Pizza">Small ($4.99)</option>
        <option value="Medium_Pizza">Medium ($5.99)</option>
        <option value="Large_Pizza">Large ($7.99)</option>
        <option value="X_Large_Pizza">X-Large ($10.99)</option>
      </select></td>

Here is the Javascript code:

Code:

// JavaScript Document
function SetToppingPrice() {
	var Pizza_Topping_Price = document.getElementById("Pizza_Size");
	divOutput = document.getElementById("Display_Topping_Price");
	if(Pizza_Topping_Price = "Small_Pizza") {
		divOutput.innerHTML = "$0.75 per topping";}
	else if (Pizza_Topping_Price = "Medium_Pizza") {
		divOutput.innerHTML = "$1.00 per topping";}
	else if (Pizza_Topping_Price = "Large_Pizza") {
		divOutput.innerHTML = "$1.25 per topping";}
	else if (Pizza_Topping_Price = "X_Large_Pizza") {
		divOutput.innerHTML = "$1.50 per topping";}
}

Any advice is greatly appreciated.

Hi All,

I am really stumped. I am not sure why it's not working.

Basically, selecting a country will pre-populate the state field for both billing and shipping sections. Please help!

Also, when copying the billing info from shipping, the state field doesn't seem to copy over.

I have attached the entire code as a text file (part1 + part2 = complete code).

Thanks!

I currently have a JavaScript function that works great except for what I am about to explain and wish that i can get it worked out by utilizing someones help in this forum. So, Here goes.

I have 2 list boxes one that has a list of options and one empty. when I click the button between the two It places the values into the other box and vice versa which currently works fine. The thing is when I click the submit button to store that info from the list box to the empty box in a DB it does not record the value's as if the box was empty after I have already selected from the list. is there anyone that can help me in figuring this thing out, I would greatly appreciate it.

Here is my code:


JavaScript

Code:

<script language="javascript">
					function validate_list()
						{
		   					if ( document.theForm.ToLB.value == "" )
		   				{
		       				alert ( "Please select header column from the list box. " );
		       				return false;
		   				}else
		
		   					return true;
						} 
					function move(tbFrom, tbTo) 
						{
							 var arrFrom = new Array(); var arrTo = new Array(); 
							 var arrLU = new Array();
							 var i;
							 for (i = 0; i < tbTo.options.length; i++) 
						 {
						  arrLU[tbTo.options[i].text] = tbTo.options[i].value;
						  arrTo[i] = tbTo.options[i].text;
						 }
							 var fLength = 0;
							 var tLength = arrTo.length;
							 for(i = 0; i < tbFrom.options.length; i++) 
						 {
						  arrLU[tbFrom.options[i].text] = tbFrom.options[i].value;
						  if (tbFrom.options[i].selected && tbFrom.options[i].value != "") 
						  {
						   arrTo[tLength] = tbFrom.options[i].text;
						   tLength++;
						  }
						  else 
						  {
						   arrFrom[fLength] = tbFrom.options[i].text;
						   fLength++;
						  }
						}
						
						tbFrom.length = 0;
						tbTo.length = 0;
						var ii;
						
						for(ii = 0; ii < arrFrom.length; ii++) 
						{
						  var no = new Option();
						  no.value = arrLU[arrFrom[ii]];
						  no.text = arrFrom[ii];
						  tbFrom[ii] = no;
						}
						
						for(ii = 0; ii < arrTo.length; ii++) 
						{
						 var no = new Option();
						 no.value = arrLU[arrTo[ii]];
						 no.text = arrTo[ii];
						 tbTo[ii] = no;
						}
						}
				</script>

Html

Code:

<table width="250" border="0" cellspacing="0" cellpadding="0">
													 <tr>
													<td width="100">
														<select name="FromLB" size="26" style="width:200px" id="sourceSelect" multiple="multiple" ondblclick="move(this.form.FromLB,this.form.ToLB)">
															<option value="Contract ID">Contract ID</option>
															<option value="Vendor ID">Vendor ID</option>
															<option value="Complete Upon Initial Receipt">Complete Upon Initial Receipt</option>
															<option value="Contract Complete">Contract Complete</option>
															<option value="Customer has Renewed">Customer has Renewed</option>
															<option value="Date Recieved">Date Recieved</option>
															<option value="Do Not Renew">Do Not Renew</option>
															<option value="Evergreen Clause">Evergreen Clause</option>
															<option value="GLB Compliant">GLB Compliant</option>
															<option value="GLB Sensitive">GLB Sensitive</option>
															<option value="Red Flag Sensitive">Red Flag Sensitive</option>
															<option value="Red Flag Compliant">Red Flag Compliant</option>
															<option value="Indefinite">Indefinite</option>
															<option value="Initial Termination">Initial Termination</option>
															<option value="Last File Upload">Last File Upload</option>
															<option value="M/N/A">M/N/A</option>
															<option value="Notice Date">Notice Date</option>
															<option value="Renewal Terms">Renewal Terms</option>
															<option value="Override Termination Date">Override Termination Date</option>
															<option value="Termination Date">Termination Date</option>
															<option value="Termination Letter Sent">Termination Letter Sent</option>
															<option value="Effective Date">Effective Date</option>
															<option value="Client">Client</option>
															<option value="Vendor">Vendor</option>
															<option value="Contract Completed Date">Contract Completed Date</option>
															<option value="Customer Desc">Customer Desc</option>
														</select>
													</td>
													<td width="100" align="center" valign="middle">
														<input type="button" name="forward" id="button" style="width:95px" value="Add>>" onClick="move(this.form.FromLB,this.form.ToLB)"/>
													<br>
													<br>
														<input type="button" name="back" id="button" style="width:95px" value="<<Remove" onClick="move(this.form.ToLB,this.form.FromLB)"/>
													</td>
													<td align="left">
														<select name="ToLB" id="ToLb" size="26" style="width:200px" multiple="multiple" ondblclick="move(this.form.ToLB,this.form.FromLB)"/>
														</select>
													</td>
													</tr>
												</table>

Hi,
i can't find the mistake in my little script hope someone can help me.

PHP Code:
<?php

/* -------------------- read thumbfolder -------------------- */
    
    function isRdyPfD($filename){ 

        if ($filename == '.' || $filename == '..') {
        // To-Top-Dir
        return false;
    }
    
    $ext = explode(".",$filename);
    $ext = $ext[sizeof($ext) - 1];
    $allowedformats = array (
        'jpg', 
        'png',
        'jpeg',
        'gif'
    );
    
    return in_array($ext,$allowedformats);
    } 

    function getPicsfromDir($dir){ 
    /* array with names of the pictures in  $dir */

        if (is_dir($dir)) {
        if ($dh = opendir($dir)) {
                $filearray = array();
        while (($file = readdir($dh)) !== false) {
            if (isRdyPfD($file) === true) {
                $filearray[] = $file;
            }
        }
        closedir($dh);
                return $filearray;
        }
    }
    else {
        return false;
    }
    } // End Function


    $thumbs = getPicsfromDir("./images/thumbs/");
    

/* -------------------- thumbfolder  -------------------- */    
    echo "<div id='thumbslider'>\n";
    echo "<ul id='thumbs'>\n";
    for($i = 0; $i < count($thumbs); $i++){
            echo "<li><img src=\"./images/thumbs/$thumbs[$i]\" onclick=\"thumbClick($i)\"  /></li>\n";
            
    }
    echo "</ul>\n";
    echo "</div>\n";
    




/* -------------------- big size images folder -------------------- */
    $bigSizeImages = getPicsfromDir("./images/");
    //print_r($bigSizeImages);
    
    $jsValue = '';
    for ($j=0; $j < count($bigSizeImages); $j++){
                $jsValue = $jsValue . $bigSizeImages[$j];
                if ($j < (count($bigSizeImages)-1)) {
                        $jsValue = $jsValue . ",";
                }
   }
    
?> 


<script type="text/javascript">
        images = new Array(<?php echo $jsValue ?>);
        
    

    
    
    function thumbClick(pos){
            
            //alert(pos);
            alert(images[pos]);
            
    }

</script>

I can't trace the images array values?
thanks for a feedback!!!

Hi,
In a nutshell,can anyone tell me how to copy a 2d (two dimensional ,2 dimensional) php array to 2d javascript array?I would be obliged if anyone can provide me a method of doing that

OR
I have written a code to copy a 2d php array to a 2d javascript array.It is working but there is one problem(please see the following).Can anyone tell me what I am doing wrong here?


The 2d php array is $quest[100][6] and the 2d javascript array is questions[100][6] . I have written the javascript code inside the <?php....?> itself using echo "<script language="javascript" type="text/javascript">.......</script>;




Now ,inside the javascript,when I try to copy the 2d php array to the 2d javascript array using the following method it works

questions[0]= ["<?php echo join("\", \"", $quest[0]); ?>"];
questions[1]= ["<?php echo join("\", \"", $quest[1]); ?>"]; ... and so on


However, if I try to do the same using the following method it does not work
for (var i= 0; i <= 99; i++)
{ questions[i]= ["<?php echo join("\", \"", $quest[i]); ?>"]; }

Why is that?What mistake am I making?Any help will be deeply appreciated.Thanks



-----------------------------THE CODE------------------------------------
<?php


Access database and store result of mysq_query in $result.......
$result = mysql_query($query);


for ( $count = 0; $count <= 99; $count++)
{
$quest[$count]=mysql_fetch_array($result,MYSQL_NUM);;

}

echo "<script language="javascript" type="text/javascript">

var questions = new Array(100);
for (var i = 0; i <100; i++)
{ questions[i] = new Array(6); }



/*The following method of copying 2d php array to 2d javascript array is not working
for ( var i = 0; i <= 99; i++)
{ questions[i]= ["<?php echo join("\", \"", $quest[i]); ?>"]; }
*/

/*The following method ,however,is working*/
questions[0]= ["<?php echo join("\", \"", $quest[0]); ?>"];
questions[1] = ["<?php echo join("\", \"",$quest[1]); ?>"];
questions[2] = ["<?php echo join("\", \"",$quest[2]); ?>"]; ....and so on




</script>";


mysql_close($db_server);

?>

Hi,
Here is a working code to copy 2d php array to 2d javascript array.


Code:

<html>

<head>

<?php

for($i = 0; $i < 3; $i++)
 {
   for($j = 0; $j < 2; $j++)
                   {$quest[$i][$j] = $i*10+$j;}
 }


?>



<script type="text/javascript">


var questions = new Array(3);

  for (var i = 0; i < 3; i++)
  {
   questions[i] = new Array(2);
  }

questions[0] = ["<?php echo join("\", \"", $quest[0]); ?>"];
questions[1] = ["<?php echo join("\", \"", $quest[1]); ?>"];
questions[2] = ["<?php echo join("\", \"", $quest[2]); ?>"];



document.write(questions[0][0] + "<br />");
document.write(questions[0][1] + "<br />");
document.write(questions[1][0] + "<br />");
document.write(questions[1][1] + "<br />");
document.write(questions[2][0] + "<br />");
document.write(questions[2][1] + "<br />");


</script>




</head>

</html>

Now,here's the thing.Notice these lines in the code


questions[0] = ["<?php echo join("\", \"", $quest[0]); ?>"];
questions[1] = ["<?php echo join("\", \"", $quest[1]); ?>"];
questions[2] = ["<?php echo join("\", \"", $quest[2]); ?>"];

I would like to put these lines in a loop,something like

for (var i = 0; i < 3; i++)
{
questions[i] = ["<?php echo join("\", \"", $quest[i]); ?>"];
}

But even after a lot of efforts I am unable to do so,what am I doing wrong?Thanks

I have a basic scroller list code, which works when I use it on a HTML page. However if I duplicate it and change the text, only one of the lists functions.

I even tried to use a script from a free website online and duplicate that on the page and it still does not work twice.

Could somebody help with this?

I just recently bought 2 books, AJAX and Javascript, to help me in writing a wep application. They have been great so far except for one thing. I am trying to populate a dropdown list with an XML file, but I want it to load into the dropdown list only AFTER a radio button has been clicked. Does anyone know how to do this or does anyone know where I could go to get some insight on this? Thanks.

I wish to have a user list updated every 20 seconds or so with the users that are still online.

I have the time(); stored in the database with their usernames, how do i get this uaing JavaScript.