JavaScript - Multiple Variables Or Array Compared To Another Array

Hey CF.

I'm not great with JS, but I'm trying to build something pretty simple and even that's out of my league. I have a layout with multiple fields that need to be filled randomly from an array on click.

I have an array with a bit of jQuery that randomly reloads one field on click, but I need multiple fields filled at once from the same item in the array.

Code is below. I grabbed it from a tutorial somewhere, and have made some modifications.

Code:

<Script>
$(document).ready( function() {
    var foodArray = [
        '1',
        '2',
        '3',
        '4',
        '5'
    ];
    $('.foodtype').loadText( foodArray, 10000 ); // ( array, interval )
});
// custom jquery plugin loadText()
$.fn.loadText = function( foodArray, interval ) {
    return this.each( function() {
        var obj = $(this);
        obj.fadeOut( 'slow', function() {
            obj.empty().html( random_array( foodArray ) );
            obj.fadeIn( 'slow' );
        });
        timeOut = setTimeout( function(){ obj.loadText( foodArray, interval )}, interval );
        // reload random text (if not animated) -- entirely optional, can be removed, along with the reload link above (<a href="javascript:;" id="text-reload"><em>randomize</em></a>)
        $("#text-reload").click( function(){
            if( !obj.is(':animated') ) { clearTimeout( timeOut ); obj.loadText( foodArray, interval );} // animation check prevents "too much recursion" error in jQuery
        });
    });
}
//public function
function random_array( aArray ) {
    var rand = Math.floor( Math.random() * aArray.length + aArray.length );
    var randArray = aArray[ rand - aArray.length ];
    return randArray;
}

</script>

That outputs one of the array items into a <span class="foodtype">. What I need is another value next to say "1", eg '1, Blue' and print "Blue" to another span.

Can anyone help?

The other issue I have is the divs are snap resizing, is there a way set them to animate smoothly? The total height will be variable depending on the combinations that display.

Cheers guys, hope someone can help.

I'm trying to create two array's on this page: http://www.hollywoodfarmer.com

Both array's would be activated by clicking their respective links -- the "I've got more to say" graphic would activate the text array in the bubble.

The "Meet my friends" graphic would activate the image array that changes the picture of the celebrities (pls ignore the terrible formatting of the 2nd pic).

I'm going to have a relatively large amount of text array variables and probably 5-10 image array variables.

Currently, the meet my friends button changes one image, but then it won't change back and is basically broken. The text array is currently activated by refreshing the page and I can't get that button to work at all. Any help would be greatly appreciated. Your forums have gotten me this far!

hi,
Does any one knows the javascript that read step by step single line from form and then store in array , and that array use 4 further references

Please help i need this Please Please Please

Thanx


Regards
Fawad

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 have the following array that contain the people who are on off on certain time:

Code:

var all = [
    ["1234", "Jim", "2011-10-23 00:00:00", "2011-10-25 07:00:00"],
    ["1235", "Jack", "2011-10-21 00:00:00", "2011-10-21 08:00:00"],
    ["1236", "Jane", "2011-10-11 00:00:00", "2011-10-11 00:30:00"],
    ["1237", "June", "2011-10-20 00:00:00", "2011-10-20 12:00:00"],
    ["1238", "Jill", "2011-10-14 00:00:00", "2011-10-14 11:00:00"],
    ["1239", "John", "2011-10-16 00:00:00", "2011-10-16 10:30:00"],
    ["1240", "Jacab", "2011-10-19 00:00:00", "2011-10-20 08:30:00"]
];

The above array, I wish to use javascript to insert into the FullCalendar (http://arshaw.com/fullcalendar/). I notice that the only way seems to be using the FullCalendar array style (or structure) as follows:

Code:

$('#calendar').fullCalendar({
    events: [
        {
            title  : 'event1',
            start  : '2010-01-01'
        },
        {
            title  : 'event2',
            start  : '2010-01-05',
            end    : '2010-01-07'
        },
        {
            title  : 'event3',
            start  : '2010-01-09 12:30:00',
            allDay : false // will make the time show
        }
    ]
});

So, the question is: How do I insert my array to match with the FullCalendar array? cause FullCalendar array had a different array structure from my array - and I don't think so that I can write in this way:
Code:

$('#calendar').fullCalendar({
    events:all
});

Appreciate any help provided.

Hey guys,

I'm hoping this is possible or that there is an easier way to do this.
I'm having an issue with displaying data from one array that contains information about users in a table that is controlled by a different array.
Is it possible to do this or is this use of arrays to display the data the wrong approach?

The table is located on one webpage, I simply want to extract one piece of information that I have placed in the initial array as part of the login script that contains user information (for validation for login etc) and display it in a table on the new webpage that is opened as a result of successful validation of the user details.

I'm completely stumped and after many attempts I just can't seem to get it to work.

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,
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,
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'm having major pains trying to figure this out. I'm kind of new to Javascript, I need to open a text file from an external server, store each line in an array, then search that array for a certain word (HIGH), and if it exists then write something to the webpage, and if not, write something else. Here is what I have so far:

Code:

<html>
<head>
<title>Test</title>
<script>
<!--
function test(x) {
  if (wxd1txt.readyState === 4 && wxd1txt.status === 200) {  // Makes sure the document is ready to parse and Makes sure it's found the file.
	 var wxd1text = wxd1txt.responseText; 
     var wxd1array = wxd1txt.responseText.split("\n"); // Will separate each line into an array
	 var wxd1high = wxd1array.toString();  //Converting the String content to String
	//var highsearchreg = new RegExp("HIGH");
//var wxd1high = wxd1array[x].search(highsearchreg);
document.write(wxd1high);
	if (wxd1high.search("HIGH") >= 0){
		document.write("HIGH RISK");}
		else {
		document.write("NO RISK");}
		}
}
//-->
</script>
</head>
<body>
Hi!
<script>
<!--
var Today = new Date();
var ThisDay = Today.getDate();
var ThisMonth = Today.getMonth()+1;
var ThisYear = Today.getYear();
var Hour = Today.getHours();
var Day2 = Today.getDate()+1;
var Day3 = Today.getDate()+2;
if (navigator.appName != "Microsoft Internet Explorer") {
ThisYear = ThisYear + 1900;}
if (ThisMonth < 10) {
	ThisMonth = "0" + ThisMonth;}
if (ThisDay < 10) {
	ThisDay = "0" + ThisDay;}
if (Hour == 2 || Hour == 22 || Hour == 23 || Hour == 0 || Hour == 1) {
	var wxHourd1 = 0600}
	else if (Hour >= 3 && Hour <= 10) {
		var wxHourd1 = 1300;}
			else if (Hour >= 11 && Hour <= 13) {
				var wxHourd1 = 1630;}
					else if (Hour >= 14 && Hour <= 16) {
						var wxHourd1 = 2000;}
							else if (Hour >= 17 && Hour <= 21) {
								var wxHourd1 = 0100;}		
//var wxurld1 = "http://www.spc.noaa.gov/products/outlook/archive/"+ThisYear+"/KWNSPTSDY1_"+ThisYear+""+ThisMonth+""+ThisDay+""+wxHourd1+".txt";
var wxurld1 = "http://www.spc.noaa.gov/products/outlook/archive/2010/KWNSPTSDY1_201005101300.txt" //(High risk day for testing)
//document.write(wxurld1); //Use this to verify this section is working
if (window.XMLHttpRequest)
  {
  wxd1txt=new XMLHttpRequest();
  }
else // IE 5/6
  {
  wxd1txt=new ActiveXObject("Microsoft.XMLHTTP");
  }
wxd1txt.open("GET", wxurld1, true);
wxd1txt.onreadystatechange = test();

// -->
</script>
</body>
</html>

When added to a webpage, nothing shows up except the "Hi!" and there are no errors in the Javascript Console in Google Chrome. Is this possible with Javascript, and if so, what am I doing wrong or not doing?

Also, I have 2 URLs, one is a text file that has the HIGH text I want for an example, the other is the current file, which shouldn't have HIGH in it (unless the weather in the US turns really bad)

I've recently picked up HTML and CSS, and am getting to grips really quickly. The principles are really straight forward, you just need to understand a few key principles and then with practice you can remember most tags/elements/attributes etc, although I would rather have the understanding rather then not have the understanding and remember all the tags (I can remember most tags I need anyway.

So PHP and Javascript are obviously the next ports of call once I feel I am proficient with HTML and CSS.

How hard is it to understand the principles of Javascript and become effective in it?

Hello I'm have some javascript objects with arrays that should be transferred as php array.
Its posted by ajax httpRequest.

How can I return php array, from the javascript?


JS Code:

['asd1', 'asd2', 'asd3']

via Ajax

=> PHP PHP Code:
array('asd1', 'asd2', 'asd3'); 

Hi,

i have an input value array for customer ids, i also need to make a copy of that array into another input element on submit to use for another process.

So far here is what i have come up with regarding the js


the current html is this

Code:

<!-- original input -->

<input id="cb<?php echo $i;?>" name="cid[]" value="<?php echo $commissions[$i]['id'];?>" onclick="isChecked(this.checked);" type="checkbox" />


<!-- this is new html input which  is outside the $i loop that i need a copy of cid[] stored on submit

<input type="hidden" name="ids[]" onsubmit="valueTovalue();" />


<!-- here is the js so far --> 

<script type="text/javascript">

function valueTovalue()
{

 var valin = document.adminForm.cid.value;  //cid is the array cid[]
 document.adminForm.ids.value = valin; //copy the array to the new input element array ids

}

</script>

so basically if they click 1 cid then ids will also show 1, if they click all cid then ids will show all as well.

will that work the way i have it, am i even close here..

thanks

update: what i have seems to work fine for text values or string values but not for arrays, what am i missing that it wont copy an array?




Array
(
[cid] => Array
(
[0] => 1
)

[task] => remarksonly
[remark] => hhhyyy
[boxchecked] => 1
[ids] => Array
(
[0] =>
)

)




am i getting closer lol


Code:

function valueTovalue()
{
 var valin = cid.concat;  
 document.adminForm.ids.value = valin.concat; 

return(true);

this has to be close i hope

Code:

document.adminForm.ids.value = [].concat(document.adminForm.cid);

I am creating a quote calculator as a mobile app using the JQuery Mobile plugin in Dreamweaver CS5.5. This supports HTML5 & Javascript.

I have included a drop down list in which the user selects a specific Annual Volume. I have 2 different calculations that need to be done based on the users selection. Different calculations meaning that I need 2 different number values assigned to the option.

For Example:

Calculation #1 (I'm calculating what the Run Quantity is based on what the user selects as the Annual Volume. If user selects an Annual Volume of 150,000 then the calculated result for Run Quantity needs to be 3500)

HTML for this scenario:
Code:

<li data-role="fieldcontain">
    <p><span class="ui-listview-inset">Annual Volume:</label>
      <select name="annualvolume" id="annualvolume">
    
     onChange="Calculate();">
        <option value="1000">10,000</option>
        <option value="2000">30,000</option>
        <option value="3500">150,000</option>
        <option value="6000">300,000</option>
        <option value="10000">500,000</option>
        <option value="20000">1,000,000</option>
        </select>
    </p>
  </li>

Calculation #2 (within the same form as the above calculation, I also need to calculate what the Annual Sales will be. The math to calculate the Annual Sales is to multiply the Final Piece Price (which is another calculation within this form) with Annual Volume. However with this Calculation # 2 I need the value to be 150,000 when user selects 150,000 and NOT 3500 as it was before.

I've tried tweaking the HTML in following manner to assign 2 values within the same drop down, but it didn't work correctly.
Code:

<option value="3500" amount="150000">150,000</option>

My javascript is as follows (please note that I deleted all the result fields except for the 3 that reference my described calculations above. My actual calculator has over 20 results all based on the user's inputs. This is why there are so many variables listed in my javascript - they are for the other results)

Code:

<SCRIPT LANGUAGE="JavaScript">
function CalculateSum(Atext, Btext, materialtype, presstype, Etext, Ftext, annualvolume, annualvolume2,Htext, Itext, form)
{
//INPUTS
var A = parseFloat (Atext);
var B = parseFloat (Btext);
var C = document.getElementById('materialtype').value;
var D = document.getElementById('presstype').value;
var E = parseFloat (Etext);
var F = parseFloat (Ftext);
var G = document.getElementById('annualvolume').value;
var GA = document.getElementById('annualvolume').amount;
var H = parseFloat (Htext);
var I = parseFloat (Itext);

//RESULTS
form.RunQuantity.value = G
form.FinalPiecePrice.value = (((C*A) + F) + ((D/G) + E) + (((C*A) + F) + ((D/G) + E )) * (H *.01) + (((C*A) + F) + ((D/G) + E ) + (((C*A) + F) + ((D/G) + E )) * (H *.01)) * (I *.01))
form.AnnualSales.value = (form.FinalPiecePrice.value * GA)
}

</script>

Currently I am simply having the user enter the annual volume twice so I can do the 2 calculations, but this is really clunky and not ideal.

I'm fairly new to Javascript but have learned a lot from reading other posts by people like you. This is the first thing I haven't been able to figure out on my own and any help would be greatly appreciated.

Is it possible to pull multiple variables from a single dropdown menu selection?

example:
I have this:
Code:

function material_choices_menu() /* Provides Specific Gravity for various materials */
{
var data = "Material <select name='material'>";
data += "<option value='.926'>CYCOLAC MG47 (ABS)<\/option>";
data += "<option value='1.050'>CYCOLAC MG47MD (ABS)<\/option>";
data += "<option value='.958'>CYCOLAC T (ABS)<\/option>"; 
data += "<\/select>";
document.write(data);
}

I'd like to have multiple option values:
Code:

function material_choices_menu() /* Provides Specific Gravity for various materials */
{
var data = "Material <select name='material'>";
data += "<option value1='.926', option value2='.005-.008'>CYCOLAC MG47 (ABS)<\/option>";
data += "<option value1='1.050', option value2='.005-.008'>CYCOLAC MG47MD (ABS)<\/option>";
data += "<option value1='.958', option value2='.005-.008'>CYCOLAC T (ABS)<\/option>"; 
data += "<\/select>";
document.write(data);
}

I plan to use the first value in some math formulas to determine weights and the rest of the values will just be shown as data for the user and/or possibly a link to the datasheet for the material selected.

Is this possible or am I reaching here?