JavaScript - How Do I Create An Array Of Char Arrays In Javascript?

I have a choice when creating a new API that I would like other peoples opinions on. Do I use a single Array or Multiple arrays such as:

Code:

array[1][1] = "ID[56]NAME[Hello World]START[10]";

OR

Code:

ID[1][1] = 56;
Name[1][1] = "Hello World";
Start[1][1] = 20;

The API is used for animations so is very heavy work, but would using around 15 multidimensional arrays be too much and a single one be preferable???

Thanks

Hi

I need a bit of javascript help with an array please. just don't seem to have the correct syntax.

(the "code" below is pseudo code, just to get the idea across)

Here's what I currently have:

var bill = new array[20];
var sam = new array[20];
var nancy = new array[20];
var Oscar = new array[20];

I'm assigning objects to them (ie Oscar[5] = new objLabel()

This seems like a kluge, however. Here's what I'd like
(again, pseudo-code)

var Objects = {bill:null; sam:null; nancy:null; Oscar:null};
var theObject = new Array of Objects[20];



// yes: i know that's wrong... and that's the part I'm having trouble with

so that I can do something like:

with theObject[5] do {
bill = new objLabel();
nancy = new objImage();
};

Just seems to me that keeping a single array of multiple objects is likely to be less error-prone than multiple arrays of single objects...

But I don't have the syntax right... or can it be done in JS?

If it's doable, would someone be kind enough to show me how to declare and access that example?

Hi,

I'm a JS beginner and I find looping through arrays with for/in is very easy. Yet I find lots of code examples where array length is used instead of for/in and I'm thinking to myself, why do it this (somewhat) hard(er) way? Maybe I'm missing something...

Thanks for your help.

I apologize in advance for my ignorance. I'm relatively new to javascript. I am trying to dynamically create a page based on information in a .txt. So far the code works. But only for a spacific line in the .txt. I would like it to create numbered divs and fill with approprate info from .txt for each line in .txt. Does that make sense?
Any help you can provide would be greatly appriciated. Oh and I'm not worried about cross browser function this is for intra-net and all clients use Mozilla.


P.S.: I will paste full code if necessary and it is explained exactly how. Is it:

[ "my code goes here" ]

or

[code]
my code goes here
[code]

Hello there, I was having some trouble with 2D arrays (or array of arrays). Essentially, the array has 100 rows, with two columns. The first column of every row holds a name, and the second holds a sales amount. With the use of a do while loop, the user can continuously add up to 100 names and sales amounts. After all the information the user wishes to add is stored into the 2D array I'm attempting to pass that very same 2D array as a parameter to a function called printRow as can be seen in the code below:

Note: the function call and the actual function are found in two separate javascripts.

Code:

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

var x = 0;

do
{
 
salesPerson[x][0] = getName();
salesPerson[x][1] = getSales();
x++;
}while(x != 100 && confirm("Enter more employee information?"));

printRow(salesPerson[][]);

Code:

function getName()
{
	var nameEntered = prompt("What is your first name?");
	return nameEntered;
}

function getSales()
{	
	var error;
	var salesEntered;
	
	do
	{
	 	salesEntered = prompt("What were your sales?");
	 	error = false;	 	 	
		if (isNaN(salesEntered) || salesEntered == null || salesEntered == "") error = true;			
	}while(error);	
	
	return salesEntered;
}

function printRow(salesPerson[][])
{
	for (i =0; i<salesPerson.length; i++)
	{
		document.write(salesPerson[i][0] + "     " + salesPerson[i][1]);
	}

}

At the moment I'm only looking to print the contents of the 2D array that I pass as a parameter to the document. As is, the javascipt doesn't seem to execute at all, it worked fine up until I added the printRow function call and function which leads me to believe I may not be passing it as a parameter correctly. Any tips on how to do this correctly would be greatly appreciated!

This has been resolved. The moment i posted it i realised the mistake i was making . Learnig how to delete my post, until then thought i would sdimply delete the content.

Hi, I'm kinda newbie in javascript and would really like some help if you wouldn't mind?

I'm working with dreamweaver and VBScript and have drop down lists being populated by dynamic recordsets, the tables that are being used are text fields and everything is working fine other than one niggly thing I want to do and just don't seem to be able to get the javascript code right

The data I have has two columns; area and technical issue. As the area contains duplicates I have this as a separate drop down list with a distinct
in the sql command and from an onclick event from the 'area' drop down list, I get the value of the selected item

[var x = document.NewFacilityAdminDetailsTest.ara_component.selectedIndex;
var ara_component = document.NewFacilityAdminDetailsTest.ara_component.options[x].value;]


all's well so far....

The second drop down list contains all the 'technical issues' which is great, BUT because its a dynamic recordset its for ALL of the areas and I want to be able to take away the technical issue values in the technical issues drop down list that don't belong to the area that's been picked and I also dont' want the user selecting a technical issue that isn't linked of the area.

I've tried some of the samples I've found by googling and even the adobe example but they all seem long winded and I never quite get the code right and the second drop down list just keep showing ALL 'technical issues show' for ALL of the 'areas'.

Surely there's a bit of javascript to turn the second drop down list recordset into an array, loop through the array and remove the technical issues that don't match the selected value from the 'area' drop down list and put the array into the second drop down list instead of using the recordset?

Any help would be soooooo useful.
Best Regards
Joan, Cheshire

Ok so this is probably a simple question but i have hit a wall he

So I have 20 arrays with incremental names (course1, course2, course3 ...)
What i want to make is a selection box with 20 options.
for each option the value would be course1[0] and the text shown would be course1[1].
if i write this code:

<code>
for (var i=1; i<=20; i++){
var select = document.getElementById("selectiontest")
select.options[select.options.length] = new Option (course1[1], course1[0])
}
</code>

The code works and the correct array values are put as the option text and value. I am having trouble getting the loop to move from course1 to course2, i used the loop counter in the array name like this:

<code>
for (var i=1; i<=20; i++){
var select = document.getElementById("selectiontest")
select.options[select.options.length] = new Option (('course'+i)[1], ('course'+i)[0])
}
</code>
this is where it stops working. I get 20 values of o. which i assume is the second character of course. How do i tell javascript to incrementally change the array name during the loop?

Hi i am confused in one topic and need help,

I have a javascript array containing objects like;
Object values are ordered as Type, Amount and count.

Object 1 => ("A" , 100 ,10)
Object 2 => ("C" , 50 ,10)
Object 3 => ("A" , 100 ,20)
Object 4 => ("B" , 200 ,10)
Object 5 => ("A" , 10 ,10)
Object 6 => ("B" , 100 ,10)
Object 7 => ("C" , 100 ,5)
Object 8 => ("C" , 50 ,5)

In the end i want to group these objects like ;

("A" , 100,30) (Note : 30 = 20 +10)
("A" , 10,10)


("B" , 200,10)
("B" , 100,10)


("C" , 100,5)
("C" , 50,15) 15 = 10 + 5


How can i do this in javascript, note that the new types will be added to this array ?

hey guys i have the following code that extracts the information from the questiondiv then i have a for loop to search the array but it keeps returning it has no answer can someone help me please and i know im most probly doing somthing realy silly wrong.
P.S some reason the codes indenting got messed up when i pasted it here
Code:

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
function code()
{
function getNodes(prop, val, meth, nd, useSelf )
{
 var r=[], any= getNodes[val]===true;
 nd=nd||document.documentElement;
 if(nd.constructor===Array){nd={childNodes:nd};}
  for(var cn=nd.childNodes, i=0, mx=cn.length;i<mx;i++)
  {
    var it=cn[i];
    if( it.childNodes.length && !useSelf ){r=r.concat(getNodes(prop, val, meth, it,useSelf ));}
	if( any ? it[prop] : (it[prop]!==undefined && (meth ? ""[meth] && 
		String(it[prop])[meth](val) : it[prop]==val))){
		  r[r.length]=it; 
	}
  }//nxt
 
return r;
};getNodes[null]=true;getNodes[undefined]=true;
//end getNodes()
var answer;
trivia = new Array('test?','test1');


								var triviaGet = getNodes(
									"data",	//examine each node's .data property (only hits text nodes)
									/\?/,		//looking for text with a "?"
									"match",	//using String().match method to accept arguments[1]
									document.getElementById("questiondiv") // looking in the question div
								)[0].textContent.split("?")[0]+"?"	//show text of first match
							alert(triviaGet);
								var i=0;
								var answer1;
								var answer2;
								for(i=0; i < 8400; i++)
								{
									if(trivia[i] == triviaGet)
									{
										answer = trivia[i]+1;
										document.getElementById("test").innerHTML=(answer)
										break;
									}
									else
									{
										document.getElementById("test").innerHTML=("Answer not found!");
									}
								}
								
								
		
//search trivia array for match to question
//when found the answer is the next one in the array so if it finds the question at index 7261 then the answer is in index 7262
// TODO: insert answer into text box...

}

</script>
</head>
<body>
 <div style="display: none;" id="questiondiv">
You challenge The Wiseman to a game of trivia, he asks you this question:<br/>&nbsp;<br/>
               test?<br/>&nbsp;<br/>
                <input class="dungeoninput" type="text" size="16" id="answer" value="" maxlength="32"></input><br/>
                <div class="btn100" style="margin-top: 6px;"
				onclick="loadDiv2('/dream/explore?action=acceptTrivia&qid=727'); return false;">Answer</div>
                </div>
				<div id="test"> test </div><br />

<button value="code()" onclick="code()">click me</button>
</body></html>

Any suggestions on how the javascript below should be changed so it will work with checkboxes that have brackets in the name? (I'm using foreach in php, and can't seem to get the php to work/work correctly without using them.)

Thanks!

Code:

function chktotal(j) {
var total=0;
for (var i=0; i < document.form1.ckbx.length; i++){
if(document.form1.ckbx[i].checked){
total=total+1;
}


if(total>8){
alert("Please only select 8");
document.form1.ckbx[i].checked = false;
total = total -1;
return false;
}
}
document.form1.totalval.value = total;
}


<input onclick="chktotal(2)" value ="Sample Item 1"  type="checkbox" name="ckbx[]">

Hi,
I'm new to JS and I am trying to build my first script. My problem, is I'm trying to build a multi hide/show script, displaying paragraphs of information. If I want multiple variables for the script do I have to use an array? and if so, how can I construct this array?

Here is my script as of now,

<!--
// this tells jquery to run the function below once the DOM is read
$(document).ready(function() {


// choose text for the show/hide link
var showText="Resume";
var hideText="Hide";
var profile_showText="Profile";
var profile_hideText="Hide";

// append show/hide links to the element directly preceding the element with a class of "toggle"
$(".toggle").prev().append(' (<a href="#" class="toggleLink">'+showText+'</a>)');
$(".profile_toggle").prev().append(' (<a href="#" class="profile_toggleLink">'+profile_showText+'</a>)');


// hide all of the elements with a class of 'toggle'
$('.toggle').hide();
$('.profile_toggle').hide();

// capture clicks on the toggle links
$('a.toggleLink').click(function() {
$('a.profile_toggleLink').click(function() {

// change the link depending on whether the element is shown or hidden
if ($(this).html()==showText) {
$(this).html(hideText);
}
else {
$(this).html(showText);
}
// profile_toggle
if ($(this).html()==profile_showText) {
$(this).html(profile_hideText);
}
else {
$(this).html(profile_showText);
}
// toggle the display
$(this).parent().next('.toggle').toggle('fast');
// profile_toggle
$(this).parent().next('.profile_toggle').profile_toggle('fast');

// return false so any link destination is not followed
return false;
});
});
});

//-->

Right now the script doesn't work with the bottom two variables profile_"ect."
Please help, been working on this for sometime and its probably an easy fix for someone experienced.

Thanks!

I'm trying to do this using numerical arrays for an assignment:

Create a webpage with three select boxes. If basketball is selected in the first select box, the second select box should display the names Celtics, Lakers, and Bulls. If Celtics is selected from the second select box, the third select box should display the names Larry Bird, Bill Russell, and Kevin McHale.

I think i have a good start but i can't seem to get the fields to automatically populate with the players. This has to be done solely with JavaScript. Any help would be greatly appreciated?


<html>

<head>
<script type="text/javascript">
<!--

var teams = new Array()

teams[1] = new Array()
teams[1][0] = "Celtics"
teams[1][1] = "Lakers"
teams[1][2] = "Bulls"

teams[2] = new Array()
teams[2][0] = "Yankees"
teams[2][1] = "Cardinals"
teams[2][2] = "Reds"

var basketball = new Array()

basketball[0] = new Array()
basketball[0][0] = "Larry Bird"
basketball[0][1] = "Bill Russell"
basketball[0][2] = "Kevin McHale"

basketball[1] = new Array()
basketball[1][0] = "Wilt Chamberlain"
basketball[1][1] = "Jerry West"
basketball[1][2] = "Magic Johnson"

basketball[2] = new Array()
basketball[2][0] = "Micheal Jordan"
basketball[2][1] = "Scottie Pippen"
basketball[2][2] = "Dennis Rodman"


var baseball = new Array()

baseball[0] = new Array()
baseball[0][0] = "Babe Ruth"
baseball[0][1] = "Joe DiMaggio"
baseball[0][2] = "Mickey Mantle"

baseball[1] = new Array()
baseball[1][0] = "Mark McGuire"
baseball[1][1] = "Ozzie Smith"
baseball[1][2] = "Willie McGee"

baseball[2] = new Array()
baseball[2][0] = "Pete Rose"
baseball[2][1] = "Johnny Bench"
baseball[2][2] = "Joe Morgan"


function fillTeams()
{
var whichIndex = document.getElementById("theSport").selectedIndex
var numberOfTeams = teams[whichIndex].length
for(i=0;i < numberOfTeams; i++){
document.getElementById("theTeams").options[i].text = teams[whichIndex][i]
}
}

function fillPlayers()
{
var whichIndex = document.getElementById("theTeams").selectedIndex
if(document.getElementById("theTeams").selectedIndex=="basketball")
var numberOfPlayers = teams[teams[whichIndex]].length
for(i=0;i < numberOfPlayers; i++)
{
document.getElementById("thePlayers").options[i].text = basketball[teams[whichIndex]][i]
}
else if(document.getElementById("theTeams").selectedIndex =="baseball")
for(i=0;i < numberOfPlayers; i++)
{
document.getElementById("thePlayers").options[i].text = basketball[teams[whichIndex]][i]
}
}

//-->
</script>
</head>

<body>

<form>
<select id="theSport" onChange="fillTeams()">
<option>Choose a Sport</option>
<option>Basketball</option>
<option> Baseball </option>
</select>
<select id="theTeams" onChange="fillPlayers()">
<option>................</option>
<option></option>
<option></option>
</select>
<select id="thePlayers" size="3">
<option> ...............</option>
<option></option>
<option></option>
</select>
</form>

</body>

</html>

Hi there coding friends,

im stuck again this time on arrays.. Im trying to get my head around it and im sure it's one of those things you do once you know what your doing (to an extent)

now the problem is... i have 2 arrays for a experiment one = flowerheight and the other is flowernumbers.

now the height is set out as 15,16,17,18,19
and numbers 2,1,6,4,2

what the aim is in the first part is to times the height by numbers of the corresponding array ie. 15x2 16x1 17x6 18x4 19x2 to make a 3rd array with them as the totals


then the second part of the program is to calculate the average height i.e total of total of numbers array (2+1+6+4+2) + total of 3rd array(15x2+16x1+17x6+18x4+19x2) then a write to show what the total was..


now all I have of the code is...

Code:

<HTML>
<HEAD>
<TITLE>
Flower Experiment
</TITLE>

<SCRIPT LANGUAGE = "JavaScript">
 /* 
   * Program to calculate average height of flowers.. 
   */

//Experiment results 
var flowerHeights = [15,16,17,18,19];
var flowerNumbers = [2,1,6,4,2];


//Write code to work out and show flowerheightxnumbers.


//Write code to calculate the average height of the flowers (total of flowernumbers + (flowerheight X numbers) and write it out in the browser window.

</SCRIPT>

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

now I have no idea how to go about this it's making me loose my mind. Can someone start me off in the right directon and/or explain to me what to do.

Anyhelp much appreciated, I wish I could have done more to the question to make it easier for you lot to help me but my brain is frazzled

Thanks.
James

I'm working on this website and some contents are set up in arrays. How do you refer variables to work with arrays. I need the correct syntax.