|
JavaScript - Passing An Array Of Arrays To Function
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! Similar TutorialsI would like to pass an array to a function but how does the program know which array I would like to choose from?? Lets say I have 3 arrays and I would like to pass array C, to my function. I checked the web but they only show if you have ONLY 1 array but NOT for multiple arrays. How would I even go about doing this?? Code: var arrA=new Array("fox.com","nbc.com","abc.com", "google.com");
var arrB=new Array("car","bike","boat", "plane");
var arrC=new Array("1","2","3", "4", "5", "6", "7", "8", "9");
function display(myArray){
myArray[1] = "changed";
}
display(myArray);
document.writeln(myArray[1]);
thanks I'm trying to pass titleArray and pointsArray to the task(); I'm getting an error mgs this.assignments() is not a function. I've highlighted this.assignments() Code: <html>
<head>
<title>Variable - Examples 1</title>
<script type="text/javascript">
function Student(firstName, lastName, email, courseID, titleArray, pointsArray){
this.firstName = firstName;
this.lastName = lastName;
this.email = email;
this.courseID = courseID;
this.title = titleArray;
this.points = pointsArray;
this.assignments = task;
this.totalPoints = addExam;
this.finalGrade = calcGrade;
}
Student.prototype = {
constructor : Student,
toString : studentInfo
};
var t = this.title;
var p = this.points;
function task(t, p){
var title = this.t;
var points = this.p;
var titlePoints = "";
for (var i=0; i < points.length; i++){
titlePoints += title[i] + " : " + points[i] + "<br>";
}
return titlePoints;
}
function addExam(){
var assignments = [30, 30, 28, 27, 29];
var exams = [41,45];
var highOfTwo = Math.max(41,45);
var sum = 0;
for (var i=0; i < assignments.length; i++){
sum += assignments[i];
}
return sum + highOfTwo;
}
var totalPoints = addExam();
function calcGrade(){
var grade;
if (totalPoints >= 190){
return "A+";
}else if (totalPoints >= 180){
return "A";
}else if (totalPoints >= 175){
return "B+"
}else if (totalPoints >= 170){
return "B";
}else if (totalPoints >= 165){
return "B-";
}else if (totalPoints >= 160){
return "C";
}else if (totalPoints >= 150){
return "D";
}else if (totalPoints < 150){
return "F";
}
}
function studentInfo(){
return "Student : " + this.lastName + "," + this.firstName + "<br>"+ "eMail : " + this.email + "<br>" + "Course ID : " + this.courseID + "<br>" + "--------------------------------" + "<br>" + this.assignments() + "--------------------------------" + "<br>" + "Total Points : " + this.totalPoints() + "<br>" + "Final Grade : " + this.finalGrade();
}
var titleArray = ["Assignment1","Assignment2","Assignment3","Assignment4","Assignment5","MidTerm", "Final"];
var pointsArray = [30, 30, 28, 27, 29, 41, 45];
var student = new Student("FirstName", "Lastname", "myemail@gmail.com","COIN-070B.01", titleArray, pointsArray );
</script>
</head>
<body>
<script type="text/javascript">
document.writeln(student.toString());
</script>
</body>
</html>
I want to pass dynamic array values to java script function.how its possible. explain with some code.........
I need to loop the alphabet and numbers 0-9 to initialize a few thousand arrays. This is for my site and is truly needed. http://www.thefreemenu.com I currently have every array written out and it takes up to much space in my .js file. The majority of my variables are empty but necessary and need to be there (including empty) for my site to work properly. Question is the last part Here's where I'm at. Code: var NewVarLetterOrNum = "a";
eval("_oneofseveralnames_" + NewVarLetterOrNum + "='this part works';");
alert(_oneofseveralnames_a);
This creates the variable _oneofseveralnames_a='this part works' Code: var newArrayLetterOrNum = "a";
eval("_oneofseveralnames_" + newArrayLetterOrNum + "= new Array();");
alert(_oneofseveralnames_a)
This creates the Array _oneofseveralnames_a=new Array(); and all the values in the array are null, but, now a variable like _nl_a[1]='something' can be used elsewhere because the array exists. This is all that is necessary for now because I can probably set all the variables to be blank with something like Code: i=1
while(i<=20){
_oneofseveralnames_a[i]="1-20";
i++
}
alert(_oneofseveralnames_[20]);
So now you have what I came to understand in the first few hours. Now to the hard part : ( I can't make multiple array's dynamically. I dont' know if its because I don't understand loops or arrays or what and its very fustrating. As for any answer you might be so kind as to provide, if you could dumb it down that would be greatly appreciated. Code: var newArray =new Array('a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z')
i=1
while(i<=26){
eval("_nl_" + newArray[i] + "= new Array();");
i++
}
alert(newArray[1]) // Is b, but
alert(_nl_b) //I can't get _nl_b to exist, I tried everything including taking away the quotes around the letters in every test
*/
var _nl_a =new Array()
var _img_a =new Array()
var _h_a =new Array()
var _r_a =new Array()
var _m_a =new Array()
var _yt_a =new Array()
var _i_a =new Array()
The above arrays are all the array _name_ parts I need but for example, a has 10 parts, a,p2_a,p3_a,.. p10_a. I need 10 pages for each letter of the alphabet and numbers 0-9 and a special all1, p2_all1 ... p10_all1. Overall 2200 arrays that need to be declared. Currently they are all written out.
/*
Hi, I am facing a problem in passing replace() function as an argument in user defined java function, can any one help me how to resolve it? intention is to pass a file path to my user defined function, but before passing the path i want to replace the character '\' to '\\' I am posting my javascript function he <a href="#" onclick="OpenDocPreview('<%# Eval("PATH")%>'.replace(/\\/g,"\\\\"), '<%# Eval("Filename")%>')"><%# Eval("DocTitle") %></a> function OpenDocPreview(url, docname) { alert('message from search base : ' + url + ' ' + docname); } thank you, Thank you in advance if someone can help. I have been banging my head against the wall for hours now. Here is the code: Code: for (var i = 0; i < BS_crm['activityTypes'].length; i++) {
var clickFunc = function(){ activityList.showForm( -1, {blockType:[""+BS_crm['activityTypes'][i]['id'], "0"]} ); };
var type = {
value: BS_crm['activityTypes'][i]['id'],
label: "Add New "+BS_crm['activityTypes'][i]['label'],
css: BS_crm['activityTypes'][i]['css']+"_16",
onClick: clickFunc
};
previewLinks.items.push( type );
}
Now, basically what I am doing here is running through one array to create an array of objects, that will be used to create links that will use whatever onClick function I pass it. The problem is that on the second line I need the BS_crm['activityTypes'][i]['id'] to be a value, not a reference. If that line was simply changed to: Code: var clickFunc = function(){ activityList.showForm( -1, {blockType:["3", "0"]} ); };
then everything would work as I need. How can I make this happen? I would really appreciate any help. Thank you again in advance. Hi, Any one help me In one variable i have some data ex: var data = document.getElementById("imageId").value; I want to pass this data to another function inside another function ex: var button1 = '<img src="images/Remove-button.gif" width="70" height="15" onclick="removeVerifyImageRow(this),saveLibData('+data+')"/>'; while running the application i am getting an error incase if the data is string ex:if data is 'image1' i am getting an error, but with number there is no problem ex: if data is '1122'. this is very urgent to solve this problem plz any one help me 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 want to pass a javascript function's return value, to an anchor tag's href parameter i.e. <a href> Suppose I have a function called getTrackingCode( ) that contains a value "testSite" Code: <script language = "JavaScript">
function getTrackingCode( )
{
return "testSite";
}
</script>
Now I want to pass this function's value to anchor's href, I have attempted these: Code: 1. <a href="http://www.helloworld.com/?id=" + getTrackingCode( )> 2. <a href="javascript: document.location= 'http://www.helloworld.com/?id=' + getTrackingCode( );"> So that the resulting URL becomes http://www.helloworld.com/?id=testSite But none of the procedures work. Please help me do it. NOTE: Please note that I can't use the function with document.write to write the whole tag because that would be very hard to manage as I will have to use it in case of text links, image links, hotspots etc. and for each I would have to write a separate function. Furthermore, I don't want the Status bar of the browsers to show something like javascript:location.href (); etc. I want the actual href link to be seen in the Status bar, as if no javascript manupulation is done. In a nutshell, the code should be reusable for the href paramater in anchor tag's href of any element, be it a text link, image link, script link, hotspot or link area and doesn't show javascript function calling in the Status bar of the browser. I've heard that I can do such a thing using ElementbyID etc. but have no idea. Please help me with this, Thanks much! How do I pass an id to a function?? Or is this even possible. Code: <html>
<head>
<title>
JavaScript array passing example
</title>
<script type="text/javascript">
function init(){
display(addText1);
display(addText2);
display(addText3);
display(addText4);
}
function display(var myText){
var newText = '<h2>' + "Will this change anything..." + '</h2>';
document.getElementById('myText').innerHTML = newText;
}
</script>
</head>
<body onload="init()">
<div id="addText1"></div>
<div id="addText2"></div>
<div id="addText3"></div>
<div id="addText4"></div>
</body>
</html>
Heya guys I'm looking for someone with a vast knowledge of Javascript... by any chance someone over here has some time to help a newby out? (I think 10 minutes should be enough) <INPUT TYPE="button" NAME="addToArray " VALUE=" ATA " OnClick="addToArray() "> <!--Add To Array --> <INPUT TYPE="button" NAME="clearArray" VALUE=" CA " OnClick="clearArray()"> <!--Clear Array --> <INPUT TYPE="button" NAME="showArray" VALUE=" SA " OnClick="showArray() "> <!--Show Array --> These are my buttons. What I want them to do is simply add something to an array, clear the array and show them on my screen. Hey guys, i have a question about my array. I have an array called numberarray with 20 elements and i want it to be accepted into a function as a parameter? But i only want the first 10 to be accepted. Does anyone know exactly how i would go about doing this in my function?
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? I am trying to pass a value to another function, seems to work with the other function i have but not this one? any reasons why this wont work? Code: /* ---------------------------- */
/* XMLHTTPRequest Enable */
/* ---------------------------- */
function createObject() {
var request_type;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
request_type = new ActiveXObject("Microsoft.XMLHTTP");
}else{
request_type = new XMLHttpRequest();
}
return request_type;
}
var http = createObject();
/* -------------------------- */
/* SEARCH */
/* -------------------------- */
function autosuggest(q,f,r) {
alert(q+' '+f+' '+r);
// q = document.getElementById(var f).value; //
// Set te random number to add to URL request
nocache = Math.random();
http.open('get', 'ajax_search_for_airport.php?q='+q+'&f'+f+'&r'+r+'&nocache = '+nocache);
http.onreadystatechange = autosuggestReply(r);
/* this line is not working as expected, it kicks up an error
Message: Type mismatch
Line: 26
Char: 1
Code: 0
i am wanting to pas the value of r to the other function.
*/
http.send(null);
}
function autosuggestReply(r) {
if(http.readyState == 4){
var response = http.responseText;
e = document.getElementById(r);
if(response!=""){
e.innerHTML=response;
e.style.display="block";
} else {
e.style.display="none";
}
}
}
function fill(r,fieldid,resultsid) {
e = document.getElementById(fieldid);
e.value=r;
document.getElementById(resultsid).style.display="none";
}
I have a function which is currently called twice on the same page. Part of the function is to apply an onkeyup event to a created element. The problem is that when the function is called twice the first created element calls the onkeyup function of the second element! table_JD.length-1 = 0 for first element table_JD.length-1 = 1 for second element updateSearch_TC_JD(1) is somehow called from first element! Code: newSearchBox.onkeyup = function() {updateSearch_TC_JD(table_JD.length-1)}
Thanks for any help you can provide! I found a simple script, and I'm trying to customize it just a hair to accept the ID, and I'm doing something wrong. Evidently, I'm completely useless at JS Code: There is <span id="id1234" style="visibility: hidden">NOT </span>hidden content here.
<script type="text/javascript">
function showIt(uniqueID) {
document.getElementById(uniqueID).style.visibility = "visible";
}
setTimeout("showIt(id1234)", 2000); // after 2 sec's
</script>
I want to be able to pass the ID in when I call the function. How would do that? Please help, I have been looking at this all day and I know there must be a simple fix! How do I pass results back to textService so that I can make a call such as textResult = textService(text to pass in); I don't want to use a global variable if I can avoid it. This is the code Code: function textService(text){
req.open("GET", "http://....?text="+text, true);
req.onload = showResults;
req.send(null);
}
function showResults() {
results = req.responseXML.getElementsByTagName("Result");
}
Thank you in advance Hello I am trying to call a javascript autocomplete function but I want to use a variable instead of an input field ID So this is my fuction: Code:
$(function() {
$("#tags").autocomplete({
source: "search.php?field=field1"
});
});
<p><b>Field:</b><input type="text" input id = "tags" name="field1" size="60" ><br>
Basically I want to use the same function for numerous input fields, so how can I pass a var instead of the input id ? Any help would be appreciated Hi I'm trying to trigger a function when the user clicks on an image. The function will test for whether a variable passed to it is empty or not and branch accordingly. The image has an <a href> behind it that triggers the function OK, but I cant seem to pass a variable to the function. The variable contains a value from a database field, and I think it is probably a syntax thing because if I set the variable to contain a string instead (i.e. b = 'this works') within the <a href> it works OK. So the problem may be with setting the variable to contain the database field value within the <a href> Hope that makes sense, here's the code: [ICODE] "<center><a href=""javascript:void(null)"" onClick=""goConfirm(b);"" b = ""<%=RS(8)%>;"" title=""Get map (open new window or tab)"" ><IMG src=""images/bt_compass.gif"" border=""0"" /></center></a>" [ICODE] goConfirm is the function b is the variable I'm trying to pass RS(8) is the database field Many thanks Hi, I am having trouble passing the correct id to change the innerHTML. I have a jsp that display people and their address information. There could be several people in the list, so it is in a loop. That part all works good. There is a drop down list with countries in them. Based on the country they select, I want to change some of the text. Here is what I have: Code: <tr>
<td class="datashaded" valign="top"><font size="2"><b>Country:</b></font></td>
<td class="datashaded" valign="top">
<select tabindex="<%=countryTab%>" name="<%=country%>" size=1" onChange="changeText(this.form.<%=country%>, this.form.<%=addressLabel%>, this.form.<%=zipLabel%>);">
<% for (int i =0; i < countryList.size(); i++ ) {
String countryOption = (String)countryList.get(i);
String countryVal = bene.getAddress().getCountry();
String selected = "";
if ( countryOption.equalsIgnoreCase( countryVal ) )
selected = "selected";
%>
<option value="<%=countryOption %>" <%=selected%> ><%=countryOption%></option>
<% } %>
</select>
</td>
</tr>
<tr>
<td class="datashaded"><div id="addr1"><font size=2><b id="<%=addressLabel%>">Address:</b></font></div></td>
<td class="datashaded">
<input size=20 maxlength="50" tabindex="<%=add1Tab%>" name="<%=address1%>" value="<%=address1Value%>" </td>
</tr>
Everytime through the loop, addressLabel has an index added to it so it is unique - so I can refer to each person separately. Here is the js function: Code:
function changeText(sel, txtField1, txtField2)
{
var selectedValue = sel[sel.selectedIndex].value;
if ( selectedValue == "<%=IParticipantConstants.BENEFICIARY_COUNTRY %>")
{
document.getElementById(txtField1).innerHTML = 'Address:';
document.getElementById(txtField2).innerHTML = 'Zip:';
}
else
{
document.getElementById(txtField1).innerHTML = 'Street or P.O. Box';
document.getElementById((txtField2).innerHTML = 'Postal Code:';
}
}
When I hardcoded the id= value, not matter which group I changed the country on, only the first one was changing, so I knew I needed unique ids for each group. There is more to the table, but this is the good part. When the onChange fires now, Nothing at all happens. Can anyone see the problem?? Thanks for looking! |
|||||||