JavaScript - Very Simple Javascript Question Regarding Arrays

Hi,

Im new to javascript so thankyou in advance for reading this!

Im trying to create a video gallery, with thumbnails below a main content div, which when clicked display the relevant video in the said div.
This isn't a problem and I have managed to do this... However, I also need to display descriptive text (different for every video) in a seperate div, and the first video also needs to autoplay when the page is loaded (rather than waiting until the user requests a video by clicking a thumbnail)

I've made an example of where Im at so far and its viewable here...

http://www.phixfilm.com/video_thumbn...ideo_test.html

The div 'a few lines of info about vid here' is currently just static but this is what i need to change each time a different video is requested by the user (sorry if thats obvious but just in case its not clear)

I will be using .movs but I've embedded youtube for now although I don't think that makes any difference...

Im presuming it will be a case of having text that is hidden until the thumbnail is clicked...? Which I guess I could do with css but that way seems a little clumsy, I really am a newbie to javascript so a helping hand in the right direction would be very much appreciated.

THANKYOU!

ps- an example of something similar to what Im trying to achieve is here...

http://somesuchandco.com/#670098/Nathalie-Canguilhem

I am stuck on these problems and cannot figure them out! Any help would be appreciated. Thank you!



Code:

public int sumkj(int k, int j){
        // Complete the method using a for loop that will add the numbers from k to j, 
        //   where j is greater than k 
        int total = 0;
        // TODO: ADD LOOP CODE HERE
        return total;
    }
    
    // whilesum10
     public int whilesum10(){
        // Complete the method using a while loop that will add the numbers 
        //   from 1 to 10 
        int total = 0;
        int i = 1;
        // TODO: ADD LOOP CODE HERE
        return total;
    }
    
    
    // whilesumkj
    public int whilesumkj(int k, int j){
        // Complete the method using a while loop that will add the numbers 
        //   from k to j, where j is greater than k 
        int total = 0;
        int i = k;
        // TODO: ADD LOOP CODE HERE
        return total;
    }
    
    public int dosum10(){
        // Complete the method using a do-while loop (i.e. condition at end of loop) 
        //  that will add the numbers from 1 to 10
        int total = 0;
        int i = 1;
        // TODO: ADD LOOP CODE HERE
        return total;
    }
     
    public int dosumkj(int k, int j){
        // Complete the method using a do-while loop (i.e. condition at end of loop) 
        //  that will add the numbers from k to j, where j is greater than k 
        int total = 0;
        int i = k;
        // TODO: ADD LOOP CODE HERE
        return total;
    }
    
    public String arrayprint(){
      
      String msg = "";  
      String abc[] = new String[6];
              
      abc[0] = "a";
      abc[1] = "b";
      abc[2] = "c";
      abc[3] = "d";
      abc[4] = "e";
      abc[5] = "f";
      // Create a loop that will output the values stored in the array abc 
      // using a for loop and the array length
      // TODO: ADD LOOP CODE HERE

      return msg;
    }
             
    public String baseballOuts(){
       String msg = "";
       int totalOuts = 0;
       // Write a set of nested for-loops that willdetermine the number of
       //   outs in a regulation baseball game. Assume: 9 innings per game,
       //   2 halves per inning, 3 outs per half inning.
       //   You solution should include a loop (outer or nested) for each
       //   of the assumptions.
       // TODO: ADD LOOP CODE HERE
       msg = "Total number of outs in a regulation baseball game is " + totalOuts + ".";  
       return msg;  
    }
    
    public String factorial (int n){
      String msg = "";
      int factnum = 1;
      // Use a loop to calculate the factorial of an input integer.
      //   Note: If the input integer is too high an error may occur even if your 
      //   logic is correct. Why? At what value of input does the error occur? 
      //   How can you adjust the method so that either the error does not occur 
      //   or the method "fails gracefully?" Write your answers in the form of 
      //   a comment here.
      // TODO: ADD LOOP CODE HERE
      msg = n + "! = " + factnum;
      return msg;
    }
}

Do arrays retain its data outside of a function. The reason why i asked this is because i created a global array and then a function. In the function i assaigned values to the global array but when i try to access the global array it gives me a "undefined" or "null" error.

Code:

var myArray = new Array();
var count = 0; 
    
function populate(){
     for(i=0; i < 5; i++){
         myArray[i] = count++;
}

}

hi.

i know a little php, but new to javascript. much of the syntax is identical.

i'm reading the new rhino book (flanagan 6th).

in it, where he introduces METHODS, he says "When we combine FUNCTIONS with OBJECTS we get METHODS". Then he creates an empty ARRAY:

Code:

var a = [];

then he uses the "push() method" to add elements to the array.

Code:

a.push(1,2,3);

uh, methods are for *objects* right? Yet he is using them on an ARRAY.

Can somebody help me see the light on how an array can magically becomes an object that is manipulated by a "method"?

I mean, the array is still an array, no? It never actually becomes an object, right? Yet we still use a *method* to manipulate it. See my conceptual quandry?

Hi,

I am working on a project which requires a method to join or split multidimensional arrays according to its arguments, which would be string delimiters for the various dimensions of the array.

An example of the join function might be:

Code:

arr[0]=[1,2,3]
arr[1]=[4,5,6]
arr[2]=[7,8,9]

alert(arr.join_multidimensional_array(".","|"))

The above would alert "1.2.3|4.5.6|7.8.9"

The split function:

Code:

var str = "a.b c.d.e f";

str = str.multidimensional_split("."," ");

This would turn 'str' into an array like this:

Code:

str[0] = ["a","b"];
str[1] = ["c","d","e"];
str[2] = ["f"];   // or just str[2] = "f"?

Any ideas on this would be much appreciated, I've been trying to work out how to code it for hours.

Thanks,
Gus

EDIT: I think I may have found the problem (but not the solution) - it looks as though javascript won't perform a method on an array which is part of another array. Firefox error console gives me "arr[0].join is not a function".

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.

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>

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?

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 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

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 ?

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>

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.

Hi everyone,
i am stuck at a problem.
i am trying to craete a redimmensionable array using javascript, is there a way to do this, i know that this can be done in vbscript using redim and preserve commands.

If not then is it possible to variables between javascript and vbscript, or call vbscript function using javascript.

a sample code will be much aprreciated

thanks for your time!

J

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!